@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#120f14;--bg-alt:#0c0a0e;--panel:#1a1620;--panel-border:#2a2430;--accent:#8b5c7e;--accent-bright:#b084a0;--amber:#e8a855;--text:#f1ecea;--text-muted:#8d8593;--text-dim:#5e5865;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:22px}:root[data-theme=light]{--bg:#f7f5f1;--bg-alt:#ede9e2;--panel:#fff;--panel-border:#e2dcd2;--text:#1d1a20;--text-muted:#5c5560;--text-dim:#8d8593}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 0,#8b5c7e1a,#0000 45%),radial-gradient(circle at 85% 20%,#e8a8550d,#0000 40%);background-attachment:fixed;transition:background-color .3s,color .3s}html{scroll-behavior:smooth;overflow-x:hidden}a{color:var(--text);text-decoration:none}section{padding:110px 10%;scroll-margin-top:90px;position:relative}.container{max-width:1200px;margin:auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:inline-flex}.eyebrow:before{content:"";background:var(--amber);width:18px;height:1px}.title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:50px;font-size:38px;font-weight:700}span{color:var(--accent-bright)}button{border:1px solid var(--accent);color:var(--text);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:30px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .25s}button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.dock-wrapper{bottom:max(20px, env(safe-area-inset-bottom));z-index:1000;justify-content:center;width:min(94vw,480px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.dock-nav{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);background:#1a1620b3;border-radius:40px;justify-content:center;align-items:center;gap:clamp(2px,1vw,6px);width:100%;padding:clamp(6px,1.4vw,8px);display:flex;box-shadow:0 20px 40px -20px #0009}.dock-item{color:#f1ecea99;cursor:pointer;transform-origin:50% 120%;will-change:transform;background:0 0;border:none;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:background .25s,color .25s;display:flex;position:relative}.dock-item:hover{color:#f1ecea;background:#ffffff14;transform:translateY(-4px)}.dock-item.active{background:var(--amber);color:#1a1204}.dock-theme-toggle{color:#f1ecea;background:0 0;border:none;padding:0}.dock-theme-toggle:hover{background:#ffffff14;border:none}.dock-theme-toggle svg{color:currentColor;fill:currentColor;opacity:1;visibility:visible;flex-shrink:0;width:16px;height:16px;display:block}.dock-divider{background:#ffffff24;flex-shrink:0;width:1px;height:22px;margin:0 2px}.dock-tooltip{color:#f1ecea;font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;background:#0c0a0ef2;border:1px solid #ffffff1f;border-radius:8px;padding:5px 10px;font-size:11px;transition:all .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.dock-item:hover .dock-tooltip{opacity:1}.loader{background:var(--bg);z-index:9999;flex-direction:column;justify-content:space-between;padding:60px 8%;display:flex;position:fixed;inset:0}.loader-top{flex-direction:column;gap:14px;display:flex}.loader-dots{gap:10px;display:flex}.loader-dot{background:var(--panel-border);border-radius:50%;width:13px;height:13px;transition:all .3s}.loader-dot.active{background:var(--amber);box-shadow:0 0 12px #e8a85599}.loader-message{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.loader-bottom{justify-content:space-between;align-items:flex-end;display:flex}.loader-percent{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:130px;font-weight:700;line-height:1}.loader-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:12px}.navbar{-webkit-backdrop-filter:blur(18px);z-index:1000;background:#120f1473;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 10%;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0}.navbar-scrolled{background:#120f14c7;border-bottom:1px solid #ffffff29;box-shadow:0 8px 30px #00000040,inset 0 -1px #ffffff0a}.navbar h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px}.mobile-dropdown a{font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid #ffffff0f;padding:16px 10%;font-size:14px;transition:color .2s,background .2s}.desktop-nav{align-items:center;gap:36px;display:flex}.desktop-nav a{font-family:var(--font-mono);color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s,opacity .2s}.desktop-nav a:hover{color:var(--text)}.menu-trigger{color:var(--text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s;display:none}.menu-trigger:hover{background:#ffffff0f;border-color:#ffffff47;transform:none;box-shadow:0 0 20px #ffffff0a}.menu-trigger-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.mobile-dropdown{-webkit-backdrop-filter:blur(20px);background:#120f14eb;border-bottom:1px solid #ffffff1f;flex-direction:column;width:100%;display:none;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 20px 40px #00000040}.mobile-dropdown a{font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid #ffffff0f;padding:16px 10%;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.mobile-dropdown a:hover{color:var(--text);background:#ffffff0a}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-bg-text{font-family:var(--font-display);letter-spacing:-.02em;color:var(--panel-border);opacity:.4;text-align:center;white-space:pre-line;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:center;font-size:clamp(50px,13vw,190px);font-weight:700;line-height:.85;display:flex;position:absolute;inset:0}.hero-background-portrait{z-index:1;pointer-events:none;width:30%;max-width:480px;position:absolute;bottom:0;right:8%}.hero-background-portrait-img{object-fit:contain;object-position:center bottom;filter:grayscale()contrast(.9)brightness(.85);opacity:.7;width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 70%,#0000 100%)}.hero-bg-overlay{background:linear-gradient(90deg, var(--bg) 0%, #0a0a0abf 38%, #0a0a0a40 62%, transparent 85%);z-index:2;pointer-events:none;position:absolute;inset:0}.hero-side-nav,.hero-connect-nav{z-index:3;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-side-nav{left:4%}.hero-connect-nav{text-align:right;align-items:flex-end;right:4%}.hero-nav-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:11px}.hero-side-nav a,.hero-connect-nav a{font-family:var(--font-display);color:var(--text-muted);letter-spacing:-.01em;font-size:19px;font-weight:700;transition:all .2s;display:block}.hero-side-nav a:hover{color:var(--amber);transform:translate(4px)}.hero-connect-nav a:hover{color:var(--amber);transform:translate(-4px)}.hero-inner{z-index:3;grid-template-columns:1fr;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:0 14%;display:grid;position:relative}.hero-content{max-width:600px}.hero-tag{font-family:var(--font-mono);color:var(--amber);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:inline-flex}.hero-tag:before{content:"";background:var(--amber);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #e8a855b3}.hero h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(38px,5vw,60px);font-weight:700;line-height:1.05}.hero h2{font-family:var(--font-display);color:var(--text-muted);margin:16px 0 20px;font-size:clamp(18px,2.2vw,24px);font-weight:500}.hero p{max-width:520px;color:var(--text-muted);font-size:15.5px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.hero-actions .btn-outline{border:1px solid var(--panel-border);font-family:var(--font-body);color:var(--text-muted);border-radius:30px;align-items:center;padding:13px 28px;font-size:15px;font-weight:600;transition:all .25s;display:inline-flex}.hero-actions .btn-outline:hover{border-color:var(--accent);color:var(--text)}.about-text{color:var(--text-muted);max-width:820px;font-size:17px;line-height:1.85}.info-cards{flex-wrap:wrap;gap:20px;margin-top:44px;display:flex}.card{background:var(--panel);border-radius:var(--radius-md);border:1px solid var(--panel-border);width:270px;padding:26px;transition:all .3s}.card:hover{border-color:var(--accent);transform:translateY(-6px)}.card-icon{color:var(--accent-bright);margin-bottom:12px;font-size:22px}.card h3{font-family:var(--font-display);font-size:16px;font-weight:600}.card p{color:var(--text-muted);margin-top:10px;font-size:14px;line-height:1.6}.skills{width:100%;position:relative}.skills-header{text-align:left;width:100%;max-width:1200px;margin:0 auto 44px}.skills-badge{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber);border:1px solid var(--panel-border);border-radius:20px;margin-bottom:18px;padding:6px 14px;font-size:13px;display:inline-block}.skills-header h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0 0 14px;font-size:38px;font-weight:700;line-height:1.2}.skills-header p{color:var(--text-muted);font-family:var(--font-body);max-width:560px;margin:0;font-size:17px;line-height:1.7}.skills-stage{cursor:crosshair;width:100%;max-width:1200px;height:430px;margin:0 auto;position:relative;overflow:hidden}.skills-grid{width:100%;height:100%;position:relative}.skill-card{left:var(--x);top:var(--y);transform:translate(-50%, -50%) rotate(var(--r,0deg));transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100px;padding:8px;display:flex;position:absolute}.skill-icon{width:42px;height:42px;color:var(--accent-bright);flex-shrink:0;justify-content:center;align-items:center;font-size:34px;display:flex}.skill-icon svg{width:100%;height:100%;display:block}.skill-card h3{font-family:var(--font-mono);color:var(--text-muted);text-align:center;white-space:nowrap;margin:0;font-size:12px;font-weight:500;line-height:1.3}.projects-list{flex-direction:column;display:flex}.project-row{border-top:1px solid var(--panel-border);cursor:pointer;padding:44px 0;transition:all .25s;position:relative}.project-row:last-child{border-bottom:1px solid var(--panel-border)}.project-row:hover{padding-left:14px}.project-row:hover h3{color:var(--accent-bright)}.project-index{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--panel-border);-webkit-user-select:none;user-select:none;font-size:64px;font-weight:700;line-height:1;position:absolute;top:30px;right:0}.project-tag{font-family:var(--font-mono);letter-spacing:.06em;color:var(--amber);border:1px solid var(--panel-border);border-radius:20px;margin-bottom:18px;padding:6px 14px;font-size:11px;display:inline-block}.project-row h3{font-family:var(--font-display);letter-spacing:-.01em;max-width:600px;font-size:30px;font-weight:700;transition:all .2s}.project-row p{color:var(--text-muted);max-width:560px;margin:14px 0 20px;font-size:15px;line-height:1.7}.project-tech-tags{flex-wrap:wrap;gap:8px 18px;margin-bottom:20px;display:flex}.project-tech-tags span{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.project-tech-tags span:before{content:"● ";color:var(--accent);font-size:8px}.view-case{font-family:var(--font-mono);color:var(--text);border-bottom:1px solid #0000;align-items:center;gap:8px;font-size:13px;transition:all .2s;display:inline-flex}.project-row:hover .view-case{border-color:var(--amber);color:var(--amber)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#08070abf;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal-content{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:85vh;padding:44px;position:relative;overflow-y:auto}.modal-close{border:1px solid var(--panel-border);background:var(--bg-alt);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:var(--accent);border-color:var(--accent);transform:none}.modal-content h3{font-family:var(--font-display);max-width:480px;margin-bottom:18px;font-size:26px;font-weight:700}.modal-description{color:var(--text-muted);margin-bottom:32px;font-size:15px;line-height:1.8}.modal-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:32px;display:grid}.modal-section-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border-left:2px solid var(--amber);margin-bottom:16px;padding-left:10px;font-size:12px}.tech-pills{flex-wrap:wrap;gap:8px;display:flex}.tech-pill{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px;font-size:12px}.highlight-list{flex-direction:column;gap:14px;list-style:none;display:flex}.highlight-list li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.6;display:flex}.highlight-icon{color:var(--amber);flex-shrink:0;margin-top:3px;font-size:12px}.source-btn{background:var(--bg-alt);border:1px solid var(--panel-border);border-radius:30px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.source-btn:hover{border-color:var(--accent);color:var(--accent-bright)}.timeline{flex-direction:column;gap:36px;max-width:820px;padding-left:36px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), transparent 95%);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.experience-card{background:var(--panel);border-radius:var(--radius-md);border:1px solid var(--panel-border);padding:30px;position:relative}.experience-card:before{content:"";background:var(--bg);border:2px solid var(--amber);border-radius:50%;width:11px;height:11px;position:absolute;top:34px;left:-36px}.year{font-family:var(--font-mono);color:var(--amber);letter-spacing:.03em;margin-bottom:14px;font-size:13px;font-weight:500}.experience-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:22px;font-weight:600}.experience-card h4{color:var(--text-muted);margin-bottom:18px;font-size:14px;font-weight:500}.experience-card ul{color:var(--text-muted);padding-left:20px;font-size:14.5px;line-height:1.85}.education-card{background:var(--panel);border-radius:var(--radius-md);border:1px solid var(--panel-border);align-items:center;gap:24px;max-width:700px;padding:30px;display:flex}.education-icon{color:var(--accent-bright);flex-shrink:0;font-size:38px}.education-card h3{font-family:var(--font-display);font-size:18px;font-weight:600}.education-card p{color:var(--text-muted);margin-top:6px;font-size:14px}.resume-box{background:var(--panel);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--panel-border);max-width:700px;margin-top:44px;padding:40px}.resume-box h3{font-family:var(--font-display);font-size:19px;font-weight:600}.resume-box p{color:var(--text-muted);margin:16px 0;font-size:14.5px;line-height:1.7}.resume-btn{background:var(--amber);color:#1a1204;border-radius:30px;align-items:center;gap:10px;padding:13px 28px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.resume-btn:hover{transform:translateY(-2px)}.contact-container{grid-template-columns:1fr 1fr;gap:50px;display:grid}.contact-info h3{font-family:var(--font-display);font-size:24px;font-weight:600}.contact-info p{color:var(--text-muted);margin:18px 0;font-size:15px;line-height:1.8}.success-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#020617bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.success-popup{text-align:center;background:#111827;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:430px;padding:45px 35px;position:relative;box-shadow:0 25px 80px #00000080}.success-close{color:#94a3b8;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;padding:0;font-size:28px;font-weight:400;display:flex;position:absolute;top:15px;right:18px}.success-close:hover{color:#fff;background:#1e293b}.success-icon{color:#e8a855;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 22px;font-size:28px;display:flex}.success-popup h3{color:#fff;margin-bottom:12px;font-size:26px}.success-popup p{color:#94a3b8;max-width:330px;margin:0 auto 25px;font-size:15px;line-height:1.7}.success-button{color:#020617;background:#e8a855;border-radius:30px;min-width:120px;padding:11px 24px;font-weight:700;transition:all .3s}.success-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf84d}.social-links{flex-wrap:wrap;gap:14px;display:flex}.social-links a{background:var(--panel);border:1px solid var(--panel-border);border-radius:25px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.social-links a:hover{border-color:var(--accent);color:var(--accent-bright)}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form input,.contact-form textarea{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-family:var(--font-body);resize:vertical;padding:15px;transition:all .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form button{background:var(--amber);color:#1a1204;border-color:var(--amber);width:max-content}.contact-form button:hover{background:var(--amber);opacity:.9;transform:translateY(-2px)}.footer{text-align:center;background:#050914;border-top:1px solid #1e293b;width:100%;padding:50px 10%;position:relative}.footer-content{width:100%;max-width:800px;margin:0 auto}.footer h3{color:#e8a855;margin-bottom:15px;font-size:25px}.footer p{color:#94a3b8;margin-top:10px;line-height:1.6}.footer-copyright{font-size:14px;color:#64748b!important;margin-top:18px!important}.footer .back-to-top{color:#020617;cursor:pointer;z-index:10;background:#e8a855;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;min-height:46px;margin:0;padding:0;font-size:16px;line-height:1;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.footer .back-to-top:hover{transform:translateY(calc(-50% - 3px));box-shadow:0 8px 25px #38bdf859}@media (width<=480px){section{padding:60px 5%}.hero{min-height:auto;padding:75px 0 0;overflow:hidden}.hero-inner{flex-direction:column;align-items:center;width:100%;padding:0 5%;display:flex}.hero-content{text-align:left;width:100%;max-width:100%}.hero-tag{letter-spacing:.07em;margin-bottom:16px;font-size:10px}.hero-tag:before{width:6px;height:6px}.hero h1{letter-spacing:-.02em;font-size:clamp(28px,8vw,34px);line-height:1.1}.hero h2{margin:12px 0 14px;font-size:15px;line-height:1.5}.hero p{max-width:100%;margin:0;font-size:13.5px;line-height:1.65}.hero-actions{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:22px;display:flex}.hero-actions .btn-outline{justify-content:center;width:auto;min-width:150px;max-width:100%;padding:11px 20px;font-size:13.5px}.hero-background-portrait{z-index:1;pointer-events:none;width:42%;max-width:180px;margin:16px auto 0;position:relative;bottom:auto;left:auto;right:auto;transform:none}.hero-background-portrait-img{opacity:.12;filter:grayscale()contrast(.9)brightness(.75);width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 66%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 66%,#0000 100%)}.hero-bg-overlay,.hero-side-nav,.hero-connect-nav,.hero-bg-text,.hero-visual{display:none}.navbar{height:64px;padding:0 5%}.navbar h2{white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:16px;overflow:hidden}.desktop-nav{display:none}.menu-trigger{gap:6px;padding:7px 14px;display:flex}.menu-trigger-label{font-size:11px}.mobile-dropdown{display:flex}.mobile-dropdown a{padding:14px 6%;font-size:13px}.about-text{font-size:14.5px;line-height:1.75}.info-cards{flex-direction:column;gap:14px;margin-top:30px}.card{width:100%;padding:20px}.card h3{font-size:15px}.card p{font-size:13px}.skills{padding:60px 5%}.skills-header{text-align:left;margin-bottom:28px}.skills-badge{margin-bottom:12px;padding:5px 10px;font-size:9px}.skills-header h2{margin-bottom:10px;font-size:28px;line-height:1.15}.skills-header p{max-width:100%;font-size:13px;line-height:1.6}.skills-stage{width:100%;height:auto;margin:0;overflow:visible}.skills-grid{grid-template-columns:repeat(3,1fr);place-items:center;gap:24px 6px;width:100%;height:auto;display:grid}.skill-card{pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;padding:0;display:flex;position:static;transform:none!important}.skill-icon{justify-content:center;align-items:center;width:32px;height:32px;font-size:27px;display:flex}.skill-icon svg{width:100%;height:100%;display:block}.skill-card h3{font-family:var(--font-mono);text-align:center;white-space:nowrap;margin:0;font-size:9px;font-weight:500;line-height:1.3}.timeline{gap:26px;padding-left:22px}.experience-card{padding:22px 18px}.experience-card:before{top:28px;left:-22px}.experience-card h3{font-size:18px}.experience-card h4{margin-bottom:14px;font-size:13px}.experience-card ul{padding-left:16px;font-size:13px}.year{margin-bottom:10px;font-size:12px}.project-row{padding:30px 0}.project-index{display:none}.project-tag{margin-bottom:14px;padding:5px 12px;font-size:10px}.project-row h3{max-width:100%;font-size:22px}.project-row p{max-width:100%;margin:12px 0 16px;font-size:13.5px}.project-tech-tags{gap:6px 14px;margin-bottom:16px}.view-case{font-size:12px}.modal-overlay{padding:14px}.modal-content{max-height:88vh;padding:24px 16px}.modal-content h3{max-width:100%;margin-bottom:14px;font-size:20px}.modal-description{margin-bottom:24px;font-size:13.5px}.modal-grid{grid-template-columns:1fr;gap:22px;margin-bottom:24px}.modal-close{width:32px;height:32px;font-size:13px;top:14px;right:14px}.tech-pill{padding:5px 10px;font-size:11px}.highlight-list li{font-size:12.5px}.source-btn{padding:11px 18px;font-size:13px}.education-card{text-align:center;flex-direction:column;gap:12px;padding:22px}.education-icon{font-size:32px}.education-card h3{font-size:16px}.education-card p{font-size:13px}.resume-box{margin-top:32px;padding:28px 20px}.resume-box h3{font-size:17px}.resume-box p{font-size:13px}.resume-btn{padding:11px 22px;font-size:13px}.contact-container{grid-template-columns:1fr;gap:32px}.contact-info h3{font-size:20px}.contact-info p{margin:14px 0;font-size:13.5px}.social-links a{padding:10px 16px;font-size:13px}.contact-form input,.contact-form textarea{padding:13px;font-size:14px}.contact-form button{justify-content:center;width:100%}.success-overlay{padding:16px}.success-popup{border-radius:18px;width:100%;max-width:none;padding:32px 20px}.success-icon{width:56px;height:56px;margin-bottom:18px;font-size:24px}.success-popup h3{font-size:21px}.success-popup p{max-width:100%;font-size:13px;line-height:1.6}.success-button{width:100%}.loader{padding:35px 5%}.loader-percent{font-size:52px}.loader-message{font-size:11px}.dock-wrapper{width:min(96vw,420px);bottom:max(14px, env(safe-area-inset-bottom))}.dock-nav{gap:2px;padding:5px}.dock-item{flex:0 0 38px;width:40px;height:40px;font-size:14px}.dock-divider{height:18px}.dock-tooltip{display:none}.dock-item:hover{transform:none}.footer{text-align:left;width:100%;min-height:190px;padding:32px 60px 38px 16px;position:relative}.footer-content{width:100%;max-width:none;margin:0}.footer h3{margin-bottom:10px;font-size:19px}.footer p{margin-top:6px;font-size:12px;line-height:1.55}.footer-copyright{margin-top:12px!important;font-size:11px!important;line-height:1.5!important}.footer .back-to-top{color:#020617;z-index:100;background:#e8a855;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:13px;position:absolute;inset:auto 14px 76px auto;transform:none;display:flex!important}.footer .back-to-top:hover{transform:translateY(-2px)}}@media (width<=900px){.footer{padding:45px 70px}.back-to-top{right:25px}}@media (width<=1100px){.hero-side-nav,.hero-connect-nav{display:none}.hero-inner{text-align:center;grid-template-columns:1fr;justify-items:center;padding:0 8%}.hero p{margin:0 auto}.hero-actions{justify-content:center}.hero-visual{margin-top:36px}}@media (width<=768px){.hero{min-height:auto;padding:90px 0 0;position:relative;overflow:hidden}.hero-inner{flex-direction:column;align-items:center;width:100%;padding:0 6%;display:flex}.hero-content{z-index:3;width:100%;max-width:100%;position:relative}.hero-background-portrait{z-index:1;pointer-events:none;width:48%;max-width:210px;margin:20px auto 0;position:relative;bottom:auto;left:auto;right:auto;transform:none}.hero-background-portrait-img{opacity:.14;filter:grayscale()contrast(.9)brightness(.75);width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 70%,#0000 100%)}.hero-bg-overlay,.hero-side-nav,.hero-connect-nav{display:none}.info-cards{flex-direction:column}.dock-item:hover{transform:none}.card{width:100%}.education-card{text-align:center;flex-direction:column}.timeline{padding-left:28px}.experience-card:before{left:-28px}.skills{padding:80px 6%}.skills-header{text-align:left;margin-bottom:36px}.skills-badge{margin-bottom:14px;padding:6px 12px;font-size:10px}.skills-header h2{margin-bottom:12px;font-size:36px;line-height:1.15}.skills-header p{max-width:100%;font-size:14px;line-height:1.6}.skills-stage{cursor:default;width:100%;height:auto;margin:0;overflow:visible}.skills-grid{grid-template-columns:repeat(3,1fr);place-items:center;gap:34px 12px;width:100%;height:auto;display:grid}.skill-card{pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-width:0;padding:0;display:flex;position:static;transform:none!important}.skill-icon{width:38px;height:38px;color:var(--accent-bright);justify-content:center;align-items:center;font-size:32px;display:flex}.skill-icon svg{width:100%;height:100%;display:block}.skill-card h3{font-family:var(--font-mono);color:var(--text-muted);text-align:center;white-space:nowrap;margin:0;font-size:10px;font-weight:500;line-height:1.3}.project-index{display:none}.loader{padding:40px 6%}.loader-percent{font-size:64px}.dock-tooltip{display:none}.modal-content{padding:30px 24px}.modal-grid{grid-template-columns:1fr}.success-popup{border-radius:20px;padding:40px 24px}.success-popup h3{font-size:23px}.success-popup p{font-size:14px}.footer{text-align:left;width:100%;min-height:205px;padding:40px 75px 45px 16px;position:relative}.footer-content{width:100%;max-width:none;margin:0}.footer h3{margin-bottom:12px;font-size:23px}.footer p{margin-top:8px;font-size:13px;line-height:1.6}.footer-copyright{margin-top:14px!important;font-size:12px!important;line-height:1.5!important}.footer .back-to-top{color:#020617;z-index:100;background:#e8a855;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:15px;position:absolute;inset:auto 18px 92px auto;transform:none;display:flex!important}.footer .back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 25px #38bdf859}.navbar{padding:0 6%}.desktop-nav{display:none}.menu-trigger,.mobile-dropdown{display:flex}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}