:root{--bg:#020617;--sidebar-bg:#020818;--hero-left:#122033;--hero-right:#050b18;--accent:#38bdf8;--accent-soft:#38bdf82e;--text-main:#e5e7eb;--text-muted:#94a3b8}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top,#020617 0%,#000 70%);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.page-shell{min-height:100vh}.page-card{width:100%;max-width:none;min-height:100vh;box-shadow:none;background:0 0;border-radius:0;animation:.35s ease-out pageFadeInUp;position:relative;overflow:hidden}.sidebar{inset-block:0;background:var(--sidebar-bg);z-index:20;border-right:1px solid #0f172ae6;flex-direction:column;justify-content:space-between;width:80px;padding-block:20px;display:flex;position:fixed;left:0}.sidebar-nav{flex-direction:column;align-items:center;gap:32px;margin-top:100px;display:flex}.sidebar-link{writing-mode:vertical-rl;letter-spacing:.12em;color:var(--text-muted);font-size:.78rem;text-decoration:none;transition:all .15s;transform:rotate(180deg)}.sidebar-link:hover{color:var(--text-main);transform:rotate(180deg)translateY(-2px)}.sidebar-link-active{color:var(--accent);font-weight:600;position:relative}.sidebar-link-active:before{content:"";background:var(--accent);border-radius:999px;width:2px;height:22px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.sidebar-icons{flex-direction:column;align-items:center;gap:22px;padding-bottom:10px;display:flex}.sidebar-icon-img{opacity:.8;filter:drop-shadow(0 0 4px #0006);cursor:pointer;width:26px;height:auto;transition:all .2s}.sidebar-icon-img:hover{opacity:1;transform:scale(1.12)}.hero{align-items:stretch;min-height:100vh;margin-left:80px;display:flex}.hero-pane{flex-direction:column;flex:1 1 0;justify-content:center;padding:80px 96px;display:flex}.hero-left{background:var(--hero-left);color:var(--text-main);box-shadow:inset 0 0 80px #00000059}.hero-right{background:var(--hero-right);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.hero-kicker{color:var(--text-muted);margin-bottom:12px;font-size:.95rem}.hero-name{margin:0 0 12px;font-size:4.2rem;font-weight:700;line-height:1.05}.hero-role{color:var(--accent);margin:0 0 36px;font-size:2.1rem;font-weight:600}.hero-body{max-width:480px;color:var(--text-muted);margin-bottom:48px;font-size:1.02rem;line-height:1.75}.hero-logo{opacity:.95;width:330px;height:auto;margin-bottom:12px;transition:all .25s}.hero-logo:hover{opacity:1;transform:scale(1.08)}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:11px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex}.btn-primary{color:#02111f;background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 18px 40px #38bdf873}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 22px 50px #38bdf899}.btn-secondary{color:var(--accent);border:1px solid var(--accent-soft);background:0 0}.btn-secondary:hover{background:#0f172acc}.work-section{box-sizing:border-box;background:#050b18;border-top:1px solid #0f172ae6;gap:40px;min-height:100vh;margin-left:80px;padding:48px 96px 64px;display:flex}.work-list{flex:1.1;height:calc(100vh - 112px);padding-right:8px;overflow-y:auto}.work-list::-webkit-scrollbar{width:8px}.work-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.work-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.work-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.work-heading{margin:0 0 8px;font-size:1.5rem;font-weight:600}.work-subtitle{color:var(--text-muted);max-width:420px;margin:0 0 24px;font-size:.95rem}.work-grid{gap:14px;display:grid}.project-card{text-align:left;cursor:pointer;background:#020818;border:1px solid #94a3b833;border-radius:18px;outline:none;width:100%;padding:14px 16px;transition:border .16s,background .16s,transform .16s,box-shadow .16s}.project-card:hover{border-color:var(--accent-soft);transform:translateY(-1px);box-shadow:0 14px 28px #0f172ab3}.project-card-active{border-color:var(--accent);background:#081425;box-shadow:0 18px 40px #0f172ae6}.project-card-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.project-title{color:#fff;margin:0;font-size:.98rem;font-weight:600}.project-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.project-short{color:var(--text-muted);margin:4px 0 10px;font-size:.87rem}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tag{color:var(--text-muted);background:#0f172ae6;border:1px solid #94a3b859;border-radius:999px;padding:3px 8px;font-size:.72rem}.work-detail{scrollbar-width:thin;background:radial-gradient(circle at top,#0b1626 0,#020817 60%);border:1px solid #0f172ae6;border-radius:18px;flex-direction:column;flex:1;gap:12px;height:calc(100vh - 112px);padding:20px 22px;display:flex;overflow-y:auto;box-shadow:0 18px 45px #0f172ae6}.work-detail-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-main);font-size:.76rem}.work-detail-title{color:var(--text-main);margin:0;font-size:1.3rem;font-weight:600}.work-detail-role{color:var(--text-main);margin:0;font-size:.9rem;font-weight:500}.work-detail-body{color:var(--text-main);margin:8px 0;font-size:.9rem;line-height:1.7}.work-detail-tech{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.work-detail-tech .project-tag{color:var(--text-main);border-color:#94a3b899}.work-detail-links{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.work-detail::-webkit-scrollbar{width:8px}.work-detail::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.work-detail::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}.work-detail::-webkit-scrollbar-thumb:hover{background:#94a3b880}.project-carousel{margin-top:18px}.project-gallery-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-bottom:10px;font-size:.78rem;display:block}.project-carousel-stack{height:0;padding-bottom:56.25%;position:relative}.project-carousel-layer{opacity:.5;background:radial-gradient(circle at top,#0b1626 0,#020617 60%);border:1px solid #0f172ae6;border-radius:16px;position:absolute;inset:0}.project-carousel-layer-back{transform:translateY(18px)scale(.96)}.project-carousel-layer-mid{transform:translateY(9px)scale(.98)}.project-carousel-main{background:#020617;border:1px solid #0f172af2;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 40px #0f172ae6}.project-carousel-img{object-fit:cover;width:100%;height:100%;transition:transform .35s,opacity .35s}.project-carousel-main:hover .project-carousel-img{opacity:.96;transform:scale(1.03)}.project-carousel-controls{justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.project-carousel-btn{width:30px;height:30px;color:var(--text-main);cursor:pointer;background:#0f172ae6;border:1px solid #94a3b880;border-radius:999px;font-size:.85rem;transition:background .2s,border-color .2s,transform .1s}.project-carousel-btn:hover{border-color:var(--accent);background:#1e40afe6;transform:translateY(-1px)}.project-carousel-counter{color:var(--text-muted);font-size:.85rem}.project-carousel-dots{justify-content:center;gap:6px;margin-top:6px;display:flex}.project-carousel-dot{cursor:pointer;background:#94a3b84d;border:none;border-radius:999px;width:8px;height:8px;padding:0}.project-carousel-dot-active{background:var(--accent)}.contact-alert{border-radius:999px;margin-top:16px;padding:8px 12px;font-size:.85rem}.contact-alert-success{color:#4ade80;background:#22c55e14;border:1px solid #22c55e66}.contact-alert-error{color:#fca5a5;background:#f871711a;border:1px solid #f8717166}.contact-section{box-sizing:border-box;background:#050b18;align-items:stretch;gap:56px;min-height:100vh;margin-left:80px;padding:64px 96px 72px;display:flex}.contact-intro{flex-direction:column;flex:1;justify-content:center;max-width:420px;display:flex}.contact-heading{margin-bottom:12px;font-size:2.4rem;font-weight:600}.contact-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.98rem;line-height:1.7}.contact-meta{color:var(--text-muted);flex-direction:column;gap:16px;font-size:.9rem;display:flex}.contact-meta-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:.78rem;display:block}.contact-form-card{flex:1.2;align-items:center;display:flex}.contact-form{background:radial-gradient(circle at top,#0b1626 0,#020817 60%);border:1px solid #0f172af2;border-radius:20px;width:100%;padding:28px 28px 24px;box-shadow:0 20px 50px #0f172ae6}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.contact-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.contact-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.contact-field input,.contact-field textarea{color:var(--text-main);background:#0f172af2;border:1px solid #334155e6;border-radius:10px;outline:none;padding:10px 12px;font-size:.9rem;transition:border .15s,box-shadow .15s,background .15s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#94a3b8b3}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);background:#0f172a;box-shadow:0 0 0 1px #38bdf866}.contact-field textarea{resize:vertical}.contact-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.contact-footnote{color:var(--text-muted);font-size:.78rem}@keyframes pageFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero-name{font-size:3.1rem}.hero-role{font-size:1.8rem}.hero-pane{padding:48px 32px}.work-section{flex-direction:column;min-height:auto;padding:32px 32px 40px}.work-list{height:auto;overflow:visible}.work-detail{height:auto}.contact-section{flex-direction:column;min-height:auto;padding:32px 32px 40px}.contact-intro{max-width:none}.contact-form-card{align-items:stretch}.contact-form{padding:24px 20px 20px}.contact-grid{grid-template-columns:1fr}.project-carousel-stack{padding-bottom:62%}}@media (max-width:768px){body{padding-bottom:72px}.page-shell{padding:0}.page-card{min-height:auto}.sidebar{border-top:1px solid #0f172ae6;border-right:none;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 18px;position:fixed;inset:auto 0 0}.sidebar-nav{flex-direction:row;gap:24px;margin-top:0}.sidebar-link{writing-mode:horizontal-tb;letter-spacing:.08em;font-size:.75rem;transform:none}.sidebar-link:hover{transform:translateY(-2px)}.sidebar-link-active:before{width:22px;height:2px;top:auto;bottom:-6px;left:50%;transform:translate(-50%)}.sidebar-icons{flex-direction:row;gap:16px;padding-bottom:0}.hero{flex-direction:column;min-height:auto;margin-left:0}.hero-pane{padding:32px 20px}.hero-left{min-height:60vh}.hero-right{min-height:40vh}.hero-name{font-size:2.4rem}.hero-role{margin-bottom:24px;font-size:1.4rem}.hero-body{margin-bottom:28px;font-size:.95rem}.hero-logo{width:220px}.work-section,.contact-section{margin-left:0;padding:24px 20px 32px}}