:root{--color-bg-1:#1a1a2e;--color-bg-2:#16213e;--color-bg-3:#0f3460;--color-primary:#e94560;--color-text:#fff;--color-card-bg:#ffffff0d;--color-card-border:#ffffff1a;--border-radius:12px;--padding-card:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--color-bg-1), var(--color-bg-2), var(--color-bg-3));min-height:100vh;color:var(--color-text);font-family:Segoe UI,sans-serif}.weather-card{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius);padding:var(--padding-card);text-align:center;flex-direction:column;align-items:center;gap:.25rem;min-width:90px;display:flex}.weather-card p{font-size:.85rem}.weather-card .time{color:var(--color-primary);font-size:1rem;font-weight:700}.weather-card .temp{font-size:1.2rem;font-weight:700}.weather-list{flex-direction:column;gap:1.5rem;display:flex}.weather-day{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--border-radius);padding:1rem}.weather-day h3{color:var(--color-primary);letter-spacing:1px;margin-bottom:1rem;font-size:1.2rem}.weather-hours{flex-wrap:wrap;gap:1rem;display:flex}.search-form{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.search-form input{border:1px solid var(--color-card-border);border-radius:var(--border-radius);background:var(--color-card-bg);color:var(--color-text);outline:none;width:300px;padding:.75rem 1rem;font-size:1rem}.search-form input::placeholder{color:#fff6}.search-form button{background:var(--color-primary);color:var(--color-text);border-radius:var(--border-radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem}.search-form button:hover{opacity:.85}.app{max-width:900px;margin:0 auto;padding:2rem}.app h1{text-align:center;letter-spacing:2px;margin-bottom:2rem;font-size:2rem}