body{background:linear-gradient(135deg,#1a1d29,#252837,#2d3748);min-height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000004d}.glass-card-sm{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 4px 16px #0003}.weather-icon{filter:drop-shadow(0 0 10px rgba(59,130,246,.4))}.temperature-large{font-size:4rem;font-weight:300;line-height:1;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.temperature-medium{font-size:1.5rem;font-weight:300}.city-card{background:#ffffff08;border-radius:12px;transition:all .3s ease}.city-card:hover{background:#3b82f626;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.forecast-item{background:#ffffff08;border-radius:12px;transition:all .3s ease}.forecast-item:hover{background:#3b82f61a;transform:scale(1.02)}.forecast-item.active{background:#3b82f633;border:1px solid #3b82f6;box-shadow:0 0 20px #3b82f64d}.search-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:15px;color:var(--text-primary);padding:12px 20px 12px 45px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{background:#ffffff1f;border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640;color:var(--text-primary);outline:none}.weather-stat{background:#ffffff0d;border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.weather-stat:hover{background:#ffffff14;transform:translateY(-1px)}.progress-custom{height:6px;background:#fff3;border-radius:10px;overflow:hidden}.progress-bar-custom{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:10px;height:100%;transition:width .3s ease}.text-blue{color:#3b82f6!important}.text-purple{color:#8b5cf6!important}.text-muted-light{color:var(--text-secondary)!important}.hourly-timeline{background:#ffffff08;border-radius:15px;padding:1rem;margin-bottom:2rem}.hourly-item{text-align:center;padding:.5rem;border-radius:10px;transition:all .3s ease}.hourly-item:hover{background:#3b82f61a;transform:translateY(-2px)}.temperature-graph{height:80px;background:linear-gradient(90deg,#3b82f633,#8b5cf633);border-radius:12px;position:relative;overflow:hidden}.temperature-graph:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#3b82f666,#8b5cf666);border-radius:12px}@media (max-width: 768px){.temperature-large{font-size:3rem}.glass-card{border-radius:15px;margin-bottom:1rem}.hourly-timeline{overflow-x:auto}.hourly-timeline .row{flex-wrap:nowrap;min-width:600px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2563eb,#7c3aed)}.Button-animation{border:none;outline:none;background-color:#06f;padding:10px 20px;font-size:12px;font-weight:700;color:#fff;border-radius:5px;transition:all ease .1s;box-shadow:0 5px #a29bfe;font-size:larger}.Button-animation:active{transform:translateY(5px);box-shadow:0 0 #a29bfe}.Button-aboutme{cursor:pointer;font-weight:700;transition:all .2s;padding:10px 20px;border-radius:100px;border:1px solid transparent;display:flex;align-items:center;font-size:15px}.Button-aboutme:hover{background:#06f;color:#1a1d29}.Button-aboutme>svg{width:34px;margin-left:10px;transition:transform .3s ease-in-out}.Button-aboutme:hover svg{transform:translate(5px)}.Button-aboutme:active{transform:scale(.95)}.styled-wrapper .button{display:block;position:relative;width:76px;height:76px;margin:0;overflow:hidden;outline:none;background-color:transparent;cursor:pointer;border:0}.styled-wrapper .button:before{content:"";position:absolute;border-radius:50%;inset:7px;border:3px solid black;transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.styled-wrapper .button:after{content:"";position:absolute;border-radius:50%;inset:7px;border:4px solid #0066ff;transform:scale(1.3);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94);opacity:0}.styled-wrapper .button:hover:before,.styled-wrapper .button:focus:before{opacity:0;transform:scale(.7);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.25,.46,.45,.94)}.styled-wrapper .button:hover:after,.styled-wrapper .button:focus:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.77,0,.175,1) 80ms,transform .5s cubic-bezier(.455,.03,.515,.955) 80ms}.styled-wrapper .button-box{display:flex;position:absolute;top:0;left:0}.styled-wrapper .button-elem{display:block;width:30px;height:30px;margin:24px 18px 0 22px;transform:rotate(360deg);fill:#f0eeef}.styled-wrapper .button:hover .button-box,.styled-wrapper .button:focus .button-box{transition:.4s;transform:translate(-69px)}.aboutme-container{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-primary{background:linear-gradient(135deg,#0d6efd,#6610f2)!important}.card{transition:all .3s ease;border:none}.card:hover{transform:translateY(-5px);box-shadow:0 .5rem 1rem #00000026!important}.btn{transition:all .3s ease}.btn:hover{transform:translateY(-2px)}a{text-decoration:none;transition:all .3s ease}a:hover{opacity:.8}.main{display:flex;flex-direction:column;gap:.5em}.up{display:flex;flex-direction:row;gap:.5em}.down{display:flex;flex-direction:row}.card1{width:90px;height:90px;outline:none;border:none;background:#fff;border-radius:90px 5px 5px;display:flex;justify-content:center;align-items:center;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.gmail{color:red}.card2{width:90px;height:90px;outline:none;border:none;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px 90px 5px 5px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.card3{width:180px;height:90px;outline:none;border:none;background:#fff;border-radius:5px 5px 90px 90px;justify-content:center;align-items:center;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;transition:.2s ease-in-out}.github{color:#000}.card1:hover{cursor:pointer;scale:1.1;background-color:red}.card1:hover .gmail{color:#fff}.card2:hover{cursor:pointer;scale:1.1;background-color:#03a9f4}.card2:hover .linkedin{color:#fff}.card3:hover{cursor:pointer;scale:1.1;background-color:#000}.card3:hover .github{fill:#fff}.footer-custom{background-color:#1d1d1d;box-shadow:0 -1px 10px #0000004d}.footer-icon{font-size:1.5rem;transition:transform .3s ease,color .3s ease}.footer-icon:hover{transform:scale(1.2)}.footer-linkedin:hover{color:#10f!important}.footer-gmail:hover{color:red!important}.footer-github:hover{color:#3f3f3f!important}.footer-link-aboutme:hover{color:#03a9f4!important}@media (max-width: 576px){.nextdaysmobile{flex-direction:column!important;align-items:center!important;gap:8px}}