:root{--bg-color:transparent;--text-color:#000;--heading-grad-start:#000;--heading-grad-end:#444;--glass-bg:#fff6;--glass-border:#0000000d;--glass-shadow:#00000005;--glass-hover-bg:#fffc;--glass-hover-border:#9073ff26;--glass-hover-shadow:#9073ff14;--calendar-filter:none;--about-bg-color:#fff;--about-link-color:#000;--about-border-color:#0003}[data-theme=dark]{--text-color:#fff;--heading-grad-start:#fff;--heading-grad-end:#aaa;--glass-bg:#14141980;--glass-border:#ffffff14;--glass-shadow:#0006;--glass-hover-bg:#1e1e23cc;--glass-hover-border:#a08cff66;--glass-hover-shadow:#a08cff26;--calendar-filter:brightness(1.2);--about-bg-color:#050505;--about-link-color:#fff;--about-border-color:#fff3}body{color:var(--text-color);-webkit-font-smoothing:antialiased;background-color:#0000;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:color .5s,background-color .5s;overflow-x:hidden}.section{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 10%;display:flex}.section:nth-of-type(odd){align-items:flex-start}.section:nth-of-type(2n){align-items:flex-end}.story-section{min-height:120vh}h1{letter-spacing:-1px;color:var(--text-color);background:-webkit-linear-gradient(45deg, var(--heading-grad-start), var(--heading-grad-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:5.5rem;font-weight:300;transition:all .5s}.about-page h1{letter-spacing:-2px;-webkit-text-fill-color:var(--text-color);background:0 0;margin:0 0 30px;font-size:4rem}p{opacity:.7;max-width:480px;font-size:1.25rem;font-weight:300;line-height:1.6}.story-text{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(20px)}.story-text.visible{opacity:1;transform:translateY(0)}.nav-button{color:var(--text-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 20px var(--glass-shadow);z-index:100;letter-spacing:.5px;border-radius:30px;padding:10px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .4s;position:fixed;top:30px}.nav-button:hover{background:var(--glass-hover-bg);box-shadow:0 15px 30px var(--glass-hover-shadow);border:1px solid var(--glass-hover-border);transform:translateY(-3px)}.lang-picker{z-index:100;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 20px var(--glass-shadow);-webkit-backdrop-filter:blur(20px);border-radius:30px;gap:12px;padding:10px 24px;transition:background .5s;display:flex;position:fixed;top:30px}.about-page .lang-picker{background:var(--about-bg-color);border:1px solid var(--about-border-color);box-shadow:none;right:40px}.lang-picker .lang-btn{color:var(--text-color);opacity:.5;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.lang-picker .lang-btn:hover{opacity:.8}.contributions-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 40px var(--glass-shadow);box-sizing:border-box;border-radius:24px;width:100%;padding:2.5rem;transition:background .6s}.contributions-card .calendar-wrapper img{max-width:100%;filter:var(--calendar-filter);border-radius:4px;margin:0 auto;transition:filter .5s;display:block}.contributions-card .year-select{background:var(--glass-bg);color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .3s}.contributions-card .year-select:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border)}.contributions-card .calendar-wrapper{align-items:center;min-height:120px;display:flex;position:relative}.github-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;max-width:420px;box-shadow:0 20px 40px var(--glass-shadow);cursor:pointer;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2.5rem;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),background .6s;display:flex}.github-card:hover{box-shadow:0 30px 60px var(--glass-hover-shadow);border:1px solid var(--glass-hover-border);background:var(--glass-hover-bg);transform:translateY(-8px)scale(1.01)}.github-card .github-avatar{object-fit:cover;border:1px solid #00000014;border-radius:50%;width:100px;height:100px;transition:transform .5s;box-shadow:0 10px 20px #0000000a}.github-card:hover .github-avatar{transform:scale(1.05)}.github-card .github-stats{gap:2.5rem;margin-top:2rem;display:flex}.github-card .stat{flex-direction:column;align-items:center;display:flex}.github-card .stat-value{color:var(--text-color);letter-spacing:-.5px;font-size:1.4rem;font-weight:600}.github-card .stat-label{text-transform:uppercase;letter-spacing:1.5px;opacity:.6;color:var(--text-color);margin-top:4px;font-size:.75rem;font-weight:600}.github-card a{color:inherit;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex}.project-card{color:inherit;width:calc(50% - 10px);min-width:250px;text-decoration:none;display:block}.project-card>div{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--glass-shadow);box-sizing:border-box;text-align:left;border-radius:16px;height:100%;padding:1.5rem;transition:all .4s}.project-card:hover>div{box-shadow:0 25px 50px var(--glass-hover-shadow);border:1px solid var(--glass-hover-border);background:var(--glass-hover-bg);transform:translateY(-6px)scale(1.02)}.about-page{background-color:var(--about-bg-color);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.about-page .container{width:100%;max-width:640px;animation:.8s ease-out fadeIn}.about-page .back{color:var(--text-color);opacity:.6;border-bottom:2px solid #0000;margin-bottom:60px;font-size:1rem;font-weight:500;text-decoration:none;transition:border-bottom .3s,opacity .3s;display:inline-block}.about-page .back:hover{border-bottom:2px solid var(--text-color);opacity:1}.about-page .bio{opacity:.7;margin-bottom:50px;font-size:1.3rem;line-height:1.8}.about-page .details{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px;display:grid}.about-page .details .detail-title{text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:8px;font-size:.8rem;font-weight:600}.about-page .details .detail-value{font-size:1.1rem;font-weight:500}.about-page .links a{color:var(--about-link-color);border-bottom:1px solid var(--about-border-color);margin-right:30px;padding-bottom:4px;font-weight:500;text-decoration:none;transition:border-bottom .3s,opacity .3s;display:inline-block}.about-page .links a:hover{border-bottom:1px solid var(--about-link-color);opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.link-standard{color:var(--text-color);border-bottom:2px solid var(--text-color);padding-bottom:4px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:opacity .3s}.link-standard:hover{opacity:.6}.link-minimal{color:var(--text-color);border-bottom:2px solid #0000;padding-bottom:2px;text-decoration:none;transition:border-bottom .3s,opacity .3s}.link-minimal:hover{opacity:.6;border-bottom:2px solid var(--text-color)}
