*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#00c3ff;--bg:#f0ece0;--bg-secondary:#e8e4d4;--text:#111;--text-muted:#666;--border:#111;--font-heading:"Arial Black", "Arial Bold", Arial, sans-serif;--font-body:Arial, sans-serif;--font-mono:"Courier New", Courier, monospace}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none}@media (hover:none){body{cursor:auto}}a{color:inherit;text-decoration:none}.accent{color:var(--accent)}.custom-cursor{background:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:fixed;top:0;left:0}@media (hover:none){.custom-cursor{display:none}}.nav{z-index:100;background:var(--bg);border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;padding:12px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-size:16px;font-weight:900;font-family:var(--font-heading);color:var(--text);letter-spacing:-.5px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-contact{border-bottom:1px solid var(--accent);padding-bottom:1px;color:var(--accent)!important}@media (width<=768px){.nav{padding:10px 20px}.nav-links{gap:14px}.nav-links a:not(.nav-contact){display:none}}.hero{background:var(--bg);border-bottom:5px solid var(--border);min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-left-bar{background:var(--border);z-index:1;width:5px;position:absolute;top:0;bottom:0;left:0}.hero-grid-line{pointer-events:none;background:#11111112;height:1px;position:absolute;left:5px;right:0}.hero-content{z-index:2;flex-direction:column;flex:1;justify-content:center;padding:80px 40px 60px 36px;display:flex;position:relative}.hero-index{letter-spacing:5px;color:var(--text-muted);font-size:9px;font-family:var(--font-mono);margin-bottom:16px}.hero-name{-webkit-user-select:none;user-select:none;margin-bottom:16px;line-height:.88}.hero-name-line{font-size:clamp(52px,8vw,80px);font-weight:900;font-family:var(--font-heading);letter-spacing:-4px;text-transform:uppercase;color:var(--text);display:block}.hero-name-cyan{color:var(--accent)}.hero-letter{display:inline-block}.hero-word-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-letters{display:contents}.hero-title-box{background:var(--border);color:var(--bg);letter-spacing:4px;margin-bottom:14px;padding:6px 14px;font-size:10px;font-weight:700;display:inline-block}.hero-subtitle{letter-spacing:2px;color:var(--text-muted);max-width:320px;margin-bottom:28px;font-size:10px;line-height:1.9}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.cta-primary,.cta-secondary{letter-spacing:2px;border:2px solid var(--border);padding:10px 20px;font-size:9px;font-weight:700;transition:opacity .2s}.cta-primary{background:var(--accent);color:var(--text)}.cta-secondary{color:var(--text);background:0 0}.cta-primary:hover,.cta-secondary:hover{opacity:.8}.hero-right{background:var(--bg-secondary);border-left:3px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;padding:80px 20px 40px;display:flex;position:relative;overflow:hidden}.hero-right-ghost{font-size:130px;font-weight:900;font-family:var(--font-heading);color:#1111110d;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;top:-10px;right:-10px}.hero-right-label{letter-spacing:3px;color:var(--text-muted);margin-bottom:12px;font-size:8px}.hero-stats{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.stat{border-top:1px solid #1113;padding-top:10px}.stat-num{font-size:26px;font-weight:900;font-family:var(--font-heading);color:var(--text);margin-bottom:4px;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:2px;font-size:8px;font-family:var(--font-mono)}.hero-scroll-hint{letter-spacing:2px;color:var(--accent);font-size:8px;font-family:var(--font-mono)}@media (width<=768px){.hero{flex-direction:column;min-height:auto}.hero-content{padding:60px 20px 40px 24px}.hero-right{border-left:none;border-top:3px solid var(--border);flex-flow:wrap;gap:16px;width:100%;padding:20px}.hero-right-ghost{display:none}.hero-stats{flex-direction:row;gap:20px}.hero-scroll-hint{display:none}}.section-label{background:var(--border);border-bottom:2px solid var(--accent);justify-content:space-between;align-items:center;padding:8px 40px;display:flex}.section-label-text{color:#f0ece0;letter-spacing:5px;font-size:8px;font-weight:700;font-family:var(--font-body)}.section-label-num{color:var(--accent);font-size:10px;font-family:var(--font-mono)}.section-label-sub{color:#555}@media (width<=768px){.section-label{padding:8px 20px}}.about{background:var(--bg);border-bottom:5px solid var(--border);display:flex}.about-left{border-right:3px solid var(--border);flex:1.4;padding:60px 48px 60px 40px}.about-heading{font-size:clamp(38px,5vw,56px);font-weight:900;font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;color:var(--text);margin-bottom:28px;line-height:.9}.about-body{color:#444;max-width:420px;font-size:11px;line-height:2}.about-edu{border-top:2px solid var(--border);margin-top:28px;padding-top:16px}.about-edu-label{letter-spacing:4px;color:var(--text-muted);margin-bottom:8px;font-size:8px}.about-edu-name{color:var(--text);margin-bottom:4px;font-size:11px;font-weight:700}.about-edu-detail{color:var(--text-muted);font-size:10px}.about-right{background:var(--bg-secondary);flex:.8;padding:60px 28px}.about-skills-label{letter-spacing:3px;color:var(--text-muted);margin-bottom:16px;font-size:8px}.about-skills{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{border:2px solid var(--border);letter-spacing:1px;color:var(--text);background:0 0;padding:4px 10px;font-size:8px;font-weight:700;display:inline-block}.skill-chip-primary{background:var(--accent)}@media (width<=768px){.about{flex-direction:column}.about-left{border-right:none;border-bottom:3px solid var(--border);padding:40px 20px 32px 24px}.about-right{padding:28px 20px}}.project-card{background:var(--bg-secondary);border-right:3px solid var(--border);transform-style:preserve-3d;padding:28px 22px;transition:transform .1s;position:relative;overflow:hidden}.project-card:last-child{border-right:none}.project-card-ghost{font-size:48px;font-weight:900;font-family:var(--font-heading);color:#1111110f;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;top:8px;right:12px}.project-tag{background:var(--accent);border:1px solid var(--border);letter-spacing:2px;color:var(--text);margin-bottom:12px;padding:2px 8px;font-size:7px;font-weight:700;display:inline-block}.project-title{font-size:15px;font-weight:900;font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text);margin-bottom:10px;line-height:1.2}.project-desc{color:var(--text-muted);margin-bottom:12px;font-size:9px;line-height:1.8}.project-tech{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.tech-pill{color:var(--text-muted);border:1px solid #1113;padding:2px 6px;font-size:8px}.project-link{letter-spacing:1px;color:var(--text);border-bottom:1px solid var(--text);padding-bottom:1px;font-size:8px;font-weight:700;transition:color .15s,border-color .15s}.project-link:hover{color:var(--accent);border-color:var(--accent)}@media (hover:none){.project-card{transform:none!important}}.projects{background:var(--bg);border-bottom:5px solid var(--border);padding:60px 40px}.projects-heading{font-size:clamp(38px,5vw,56px);font-weight:900;font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;color:var(--text);margin-bottom:32px;line-height:.9}.projects-grid{border:3px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.projects-hint{color:var(--text-muted);letter-spacing:2px;text-align:right;margin-top:12px;font-size:8px}@media (width<=768px){.projects{padding:40px 20px}.projects-grid{grid-template-columns:1fr}.project-card{border-right:none;border-bottom:3px solid var(--border)}.project-card:last-child{border-bottom:none}.projects-hint{display:none}}.highlights{background:var(--text);border-bottom:5px solid var(--accent);padding:48px 40px;display:flex}.highlight-item{text-align:center;border-right:1px solid #ffffff1a;flex:1;padding:0 28px}.highlight-item:first-child{padding-left:0}.highlight-item:last-child{border-right:none}.highlight-icon{margin-bottom:10px;font-size:22px;display:block}.highlight-title{color:#fff;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700}.highlight-sub{color:#666;letter-spacing:1px;font-size:9px;line-height:1.8}.highlight-sub.accent{color:var(--accent)}@media (width<=768px){.highlights{flex-direction:column;gap:32px;padding:32px 20px}.highlight-item{text-align:left;border-bottom:1px solid #ffffff1a;border-right:none;padding:0 0 24px}.highlight-item:last-child{border-bottom:none;padding-bottom:0}}.contact{background:var(--bg);padding:80px 40px;position:relative;overflow:hidden}.contact-ghost{font-size:140px;font-weight:900;font-family:var(--font-heading);color:#1111110a;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;bottom:-20px;right:-10px}.contact-heading{font-size:clamp(38px,5vw,56px);font-weight:900;font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;color:var(--text);margin-bottom:16px;line-height:.9}.contact-sub{letter-spacing:1px;color:var(--text-muted);margin-bottom:28px;font-size:10px}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.contact-link{border:2px solid var(--border);letter-spacing:2px;color:var(--text);padding:10px 20px;font-size:9px;font-weight:700;transition:opacity .2s;display:inline-block}.contact-link:hover{opacity:.7}.contact-link-primary{background:var(--accent)}@media (width<=768px){.contact{padding:48px 20px}.contact-ghost{display:none}.contact-links{flex-direction:column}.contact-link{text-align:center}}.footer{background:var(--text);justify-content:space-between;align-items:center;padding:12px 40px;display:flex}.footer span{color:#555;letter-spacing:2px;font-size:8px}@media (width<=768px){.footer{text-align:center;flex-direction:column;gap:4px;padding:12px 20px}}