body{margin:0;font-family:Outfit,Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d5d4d4}body{margin:0;background:linear-gradient(135deg,#e0eafc,#cfdef3);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}.container{width:50vw;display:flex;flex-direction:column;gap:20px}.glass-card{background:rgba(255,255,255,.15);border-radius:16px;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000001a}.text-center{text-align:center}.bold{font-weight:700}.title{font-size:22px;font-weight:600;margin:20px 0 10px;color:#222}.daily-item{background:rgba(255,255,255,.25);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;padding:10px 20px;margin:8px 0;color:#222;transition:transform .3s ease,box-shadow .3s ease}.daily-item:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #00000026}.icon-small{width:40px}.day{flex:1;font-weight:600;margin-left:16px}.description{flex:1;text-align:right;color:#333;font-size:14px}.min-max{margin-left:12px;color:#555;font-weight:500}.daily-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;padding:10px 20px}.daily-details-grid-item{display:flex;justify-content:space-between}.daily-details-grid-item label:first-child{color:#555}.daily-details-grid-item label:last-child{font-weight:500;color:#111}.weather{width:340px;margin:0 auto;border-radius:20px;padding:24px;background:rgba(255,255,255,.4);box-shadow:8px 8px 20px #0000001a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);position:relative;transition:transform .3s ease,box-shadow .3s ease}.weather:hover{transform:translateY(-5px);box-shadow:12px 12px 24px #00000026}.top,.bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.city{font-weight:700;font-size:22px;margin:0;color:#222}.weather-description{font-size:14px;color:#555;margin-top:4px;text-transform:capitalize}.weather-icon{width:64px}.temperature{font-size:48px;font-weight:700;margin:10px 0;color:#222}.details{width:100%;padding-left:10px}.parameter-row{display:flex;justify-content:space-between;margin:4px 0}.parameter-label{font-size:14px;color:#666}.parameter-value{font-size:14px;font-weight:600;color:#222}.weather:after{content:"";display:block;height:4px;width:100%;border-radius:2px;background:linear-gradient(to right,red,blue);margin-top:16px}