.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:3rem 1.5rem;box-sizing:border-box;position:relative;z-index:1}.page-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;width:100%;margin-top:2rem;justify-items:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;margin-top:2rem;justify-items:center}.experience-timeline{display:flex;flex-direction:column;width:100%;max-width:980px;margin-top:2.5rem;align-items:stretch}.about-text{width:100%;max-width:600px;margin-top:1.5rem;text-align:center}.about-text p{margin-bottom:1rem;line-height:1.8;color:#fffc}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;margin-top:2rem;justify-items:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;width:100%;margin-top:2rem;justify-items:center}.main-outlet{flex:1;width:100%}@media (max-width: 920px){.page-container{padding:2rem 1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.projects-grid,.facts-grid,.contact-grid{grid-template-columns:1fr}}@media (max-width: 560px){.page-container{padding:1.5rem 1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem}}:root{color-scheme:dark;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(196,244,255,.22),transparent 34%),radial-gradient(circle at top right,rgba(67,214,255,.24),transparent 28%),linear-gradient(180deg,#03131c,#061b29 52%,#09283a);color:#f6fdff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:transparent}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.page-shell{position:relative;overflow:hidden;min-height:100vh}.ambient{position:absolute;border-radius:999px;filter:blur(24px);pointer-events:none;opacity:.75}.ambient-a{width:22rem;height:22rem;top:-6rem;left:-5rem;background:#bcf5ff33}.ambient-b{width:18rem;height:18rem;right:-4rem;bottom:8rem;background:#40d2ff2e}.container{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.card{background:#071824a8;border:1px solid rgba(198,247,255,.14);border-radius:28px;box-shadow:0 24px 70px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{padding:44px}.eyebrow,.section-label{margin:0 0 12px;color:#94a3b8;letter-spacing:0;text-transform:uppercase;font-size:.78rem}h1,h2,h3,p{margin-top:0}h1{max-width:10ch;margin-bottom:18px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.96;letter-spacing:0}h2{margin-bottom:12px;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1}.lead,.about p,.project-card p,.contact-card p{max-width:65ch;color:#c8d2e6;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#e9fdff,#79e7ff);color:#02141d}.button-secondary{border:1px solid rgba(255,255,255,.14);background:#ffffff08}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats article,.project-card{padding:18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.stats strong{display:block;margin-bottom:6px;font-size:1.35rem}.stats span{color:#aab7cc}.grid-two{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px}.about,.skills,.contact-card{padding:28px}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#d8e1f0}.section-block{margin-top:24px}.section-head{margin-bottom:18px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card h3{margin-bottom:10px}.contact-card{margin-top:24px}@media (max-width: 920px){.grid-two,.projects-grid,.stats{grid-template-columns:1fr}.hero,.about,.skills,.contact-card{padding:24px}h1{max-width:none}}@media (max-width: 560px){.container{width:min(100% - 20px,1120px);padding:16px 0 40px}.hero,.about,.skills,.contact-card{padding:20px;border-radius:24px}.hero-actions{flex-direction:column}.button{width:100%}}:root{--black: #020b10;--deep: #061620;--card: rgba(7, 27, 40, .72);--red: #78e8ff;--red-dim: #38bfe5;--red-glow: rgba(120, 232, 255, .36);--neon-pink: #b7f8ff;--neon-rose: #64dfff;--pastel-red: #d9fbff;--pastel-pink: #aeefff;--white: #f7fdff;--muted: #91adba;--border: rgba(160, 238, 255, .2);--border-bright: rgba(180, 247, 255, .58);--font-display: "Space Grotesk", sans-serif;--font-mono: "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", sans-serif}body{background:radial-gradient(circle at 18% 18%,rgba(222,253,255,.08),transparent 30%),radial-gradient(circle at 82% 74%,rgba(41,194,255,.16),transparent 34%),linear-gradient(180deg,#020b10,#061923 48%,#031018);color:var(--white);font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:0;overflow-x:hidden;cursor:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 24 17.5l-8.4 1.1L20.3 29l-3.9 1.7-4.8-10.5L6 26V3Z' fill='%23b7f8ff' stroke='%2378e8ff' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M6 3 24 17.5l-8.4 1.1L20.3 29l-3.9 1.7-4.8-10.5L6 26V3Z' fill='none' stroke='%23f7fdff' stroke-width='0.7' stroke-linejoin='round' opacity='0.9'/%3E%3C/svg%3E") 6 3,auto}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1;opacity:.4}.page-shell{position:relative;min-height:100vh}.hero-shell,section,nav,footer{position:relative;z-index:2}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 60px;display:flex;align-items:center;justify-content:space-between;background:#020d14d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#dffcff;text-shadow:0 0 8px rgba(223,252,255,.85),0 0 18px rgba(120,232,255,.78),0 0 34px rgba(56,191,229,.46);letter-spacing:0}.nav-logo span{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.78),0 0 18px rgba(120,232,255,.42)}.nav-links{display:flex;gap:36px;list-style:none;padding:0;margin:0}.nav-links a{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;letter-spacing:0;text-transform:uppercase;transition:color .2s,text-shadow .2s}.nav-links a.active,.nav-links a:hover{color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink)}.nav-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:0;color:var(--pastel-red)}.nav-actions{display:flex;align-items:center;gap:18px}.nav-views{display:inline-flex;align-items:center;gap:7px;color:var(--pastel-pink);font-size:.78rem;font-weight:800}.nav-views svg{width:20px;height:20px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(120,232,255,.72))}.status-dot{width:7px;height:7px;background:#98f8ff;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px #98f8ff}.scanline{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:scan 6s linear infinite;z-index:50;opacity:.3;pointer-events:none}.music-player{position:fixed;left:24px;bottom:24px;z-index:120;display:flex;align-items:center;gap:12px;min-width:260px;padding:12px 14px;border:1px solid rgba(152,248,255,.46);background:radial-gradient(circle at 16% 16%,rgba(184,255,242,.16),transparent 36%),linear-gradient(135deg,#051c20eb,#03121ce0);box-shadow:0 0 22px #78e8ff33,0 18px 54px #030e146b,inset 0 0 22px #b8fff20a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.music-player.is-playing{border-color:#b8fff2b8;box-shadow:0 0 30px #98f8ff4d,0 20px 62px #78e8ff29,inset 0 0 26px #b8fff214}.music-equalizer{display:flex;align-items:end;gap:3px;width:22px;height:22px}.music-equalizer span{width:4px;height:8px;background:var(--red);box-shadow:0 0 10px #78e8ffcc}.music-equalizer span:nth-child(2){height:15px}.music-equalizer span:nth-child(3){height:11px}.music-equalizer.is-playing span{animation:musicBars .8s ease-in-out infinite}.music-equalizer.is-playing span:nth-child(2){animation-delay:.12s}.music-equalizer.is-playing span:nth-child(3){animation-delay:.24s}.music-copy{display:grid;gap:2px;min-width:96px}.music-copy span{color:var(--red);font-size:.62rem;font-weight:800}.music-copy strong{color:var(--white);font-size:.82rem;overflow-wrap:anywhere}.music-toggle{margin-left:auto;min-width:58px;padding:8px 10px;border:1px solid rgba(152,248,255,.32);background:#78e8ff14;color:var(--pastel-pink);font-family:var(--font-body);font-size:.72rem;font-weight:800;cursor:inherit;transition:border-color .2s,color .2s,box-shadow .2s,background-color .2s}.music-toggle:hover{border-color:#98f8ff9e;color:var(--white);box-shadow:0 0 20px #78e8ff2e}.hero-shell{min-height:100vh}.hero-shell .hero{min-height:100vh;display:grid;place-items:center;padding:120px 60px 80px;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 80% 50%,rgba(120,232,255,.14) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 15% 80%,rgba(214,251,255,.08) 0%,transparent 50%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(158,239,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(158,239,255,.07) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 100%)}.hero-content{position:relative;z-index:2;max-width:640px;width:100%}.hero-tag{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--red);letter-spacing:0;text-transform:uppercase;margin-bottom:24px;opacity:0;animation:fadeUp .8s .2s forwards}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,6.2vw,5.6rem);font-weight:700;line-height:.95;letter-spacing:0;margin-bottom:16px;white-space:nowrap;opacity:0;animation:fadeUp .8s .4s forwards}.hero-name .accent{color:var(--red);text-shadow:0 0 12px rgba(101,232,255,.45),0 0 40px rgba(101,232,255,.22);display:inline}.hero-full-name{width:fit-content;margin-bottom:14px;color:#eafcff;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;line-height:1.1;letter-spacing:0;text-shadow:0 0 10px rgba(234,252,255,.45),0 0 28px rgba(101,232,255,.22);opacity:0;animation:fadeUp .8s .5s forwards}.hero-role{font-family:var(--font-body);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:600;color:var(--pastel-pink);letter-spacing:0;text-transform:uppercase;margin-bottom:28px;opacity:0;animation:fadeUp .8s .6s forwards}.hero-desc{font-size:1.1rem;color:var(--muted);line-height:1.9;max-width:540px;margin-bottom:44px;font-weight:400;letter-spacing:0;opacity:0;animation:fadeUp .8s .8s forwards}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s 1s forwards}.btn-primary,.btn-secondary{font-family:var(--font-mono);font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase;padding:14px 32px;cursor:inherit;text-decoration:none;position:relative;overflow:hidden;transition:box-shadow .3s,transform .2s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}.btn-primary{background:var(--red);color:var(--white);border:none;box-shadow:0 0 24px var(--red-glow),inset 0 0 20px #ffffff0d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px var(--red),0 8px 32px var(--red-glow)}.btn-secondary{background:transparent;color:var(--neon-pink);border:1px solid var(--border-bright)}.btn-secondary:hover{background:#78e8ff1a;box-shadow:0 0 24px #78e8ff47}.hero-side{position:absolute;z-index:2;left:calc(50% + 300px);top:48%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:24px;width:220px;opacity:0;animation:fadeIn 1.2s 1.2s forwards}.hero-avatar{width:min(220px,100%);aspect-ratio:1;border-radius:4px;background:radial-gradient(circle at 25% 20%,rgba(178,255,232,.22),transparent 34%),radial-gradient(circle at 78% 72%,rgba(218,252,255,.2),transparent 38%),linear-gradient(135deg,#081f2bf5,#03121cf5);border:1px solid rgba(161,246,255,.65);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #74f1ff38,0 0 44px #a3f0ff3d,inset 0 0 40px #ffffff0a;position:relative;overflow:hidden}.hero-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(161,246,255,.12) 50%,transparent 70%);animation:shimmer 3s infinite}.will-icon{position:relative;z-index:1;display:grid;place-items:center;width:78%;aspect-ratio:1;border:1px solid rgba(226,253,255,.5);background:#ffffff08;box-shadow:inset 0 0 22px #b4ffeb14;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.will-icon span{font-family:var(--font-display);font-size:clamp(4rem,8vw,6rem);font-weight:700;line-height:.9;color:#b8fff2;text-shadow:0 0 14px rgba(184,255,242,.95),0 0 32px rgba(127,222,255,.6),0 0 48px rgba(207,251,255,.45)}.will-icon strong{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:0;color:#e6fdff;margin-left:4px;text-shadow:0 0 12px rgba(178,244,255,.88)}.hero-stats{display:flex;flex-direction:column;gap:12px;text-align:center;width:100%}.stat-item{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--muted);padding:10px 12px;border-left:1px solid rgba(211,250,255,.36);border-right:1px solid rgba(161,246,255,.24);background:#ffffff06}.stat-val{font-size:1.2rem;font-weight:700;color:var(--pastel-red);display:block}.divider-spacer{margin:0 60px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}main{position:relative;z-index:2}section{padding:100px 60px}.section-label{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--red);letter-spacing:0;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px}.section-label:before{content:"//";color:var(--red-dim)}.section-head h2,.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:60px;letter-spacing:0}.section-head .hl,.section-title .hl{color:var(--red);text-shadow:0 0 20px var(--red-glow)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skill-card{background:var(--card);border:1px solid var(--border);padding:28px 28px 24px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.skill-card:hover{border-color:var(--border-bright);transform:translateY(-4px);box-shadow:0 16px 48px var(--red-glow)}.skill-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:12px solid transparent;border-top:12px solid var(--red)}.skill-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid rgba(204,251,255,.28);background:radial-gradient(circle at 28% 18%,rgba(246,253,255,.2),transparent 30%),linear-gradient(145deg,#7ee8ff24,#ffffff09);box-shadow:0 0 22px #78e8ff29,inset 0 0 18px #ffffff0a;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.skill-glyph{width:42px;height:42px;overflow:visible;fill:none;stroke:var(--pastel-red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(184,248,255,.78)) drop-shadow(0 0 14px rgba(95,214,255,.34))}.skill-glyph circle,.skill-glyph ellipse{stroke:var(--neon-pink)}.skill-card:hover .skill-icon{border-color:#e1fdffad;box-shadow:0 0 28px #78e8ff52,0 0 54px #b8f8ff24,inset 0 0 22px #ffffff12}.skill-card:hover .skill-glyph{stroke:#f7fdff;filter:drop-shadow(0 0 8px rgba(247,253,255,.9)) drop-shadow(0 0 20px rgba(120,232,255,.55))}.skill-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:8px;letter-spacing:0}.skill-desc{font-size:.92rem;color:var(--muted);line-height:1.75;font-weight:400;letter-spacing:0}.skill-level{margin-top:16px;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative}.skill-bar{height:100%;background:linear-gradient(90deg,var(--red),var(--neon-pink));border-radius:2px;box-shadow:0 0 12px var(--red);transition:width 1.2s ease}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;align-items:stretch}.project-card{background:var(--card);border:1px solid var(--border);overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;transition:border-color .3s,box-shadow .3s,transform .3s;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.project-card:hover{border-color:var(--border-bright);box-shadow:0 20px 60px var(--red-glow);transform:translateY(-6px)}.project-thumb{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0}.project-image{z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.94;filter:saturate(1.08) contrast(1.04);transition:transform .35s ease,opacity .35s ease}.project-image-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:inherit}.project-image-button:focus-visible{outline:2px solid var(--red);outline-offset:-4px}.thumb-laundry{background:linear-gradient(135deg,#071923,#0a2a3a,#061925)}.thumb-spa{background:linear-gradient(135deg,#071c27,#0b3140,#06202a)}.thumb-discord{background:linear-gradient(135deg,#061c29,#082638,#041820)}.project-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at 50% 50%,var(--red-glow) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.project-card:hover .project-image{opacity:1;transform:scale(1.02)}.project-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px}.project-preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:#010a10e0;cursor:inherit}.project-preview-frame{position:relative;z-index:1;width:min(96vw,1280px);max-height:90vh;border:1px solid var(--border-bright);background:#03121cf5;box-shadow:0 24px 90px #78e8ff3d}.project-preview-image{display:block;width:100%;max-height:90vh;object-fit:contain}.project-preview-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid var(--border-bright);background:#021018d1;color:var(--text);font-size:1.5rem;line-height:1;cursor:inherit}.project-preview-close:hover,.project-preview-close:focus-visible{color:var(--red);outline:none;box-shadow:0 0 16px var(--red-glow)}.project-badge{position:absolute;z-index:3;top:12px;right:12px;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:0;padding:4px 10px;border:1px solid;text-transform:uppercase}.badge-live{color:#98f8ff;border-color:#98f8ff73;background:#98f8ff1a}.badge-dev{color:var(--neon-pink);border-color:#78e8ff6b;background:#78e8ff1a}.project-body{padding:28px;display:flex;flex:1;flex-direction:column}.project-num{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--red);letter-spacing:0;margin-bottom:8px;opacity:.8}.project-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:0}.project-desc{font-size:.95rem;color:var(--muted);line-height:1.85;margin-bottom:20px;letter-spacing:0}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag{font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:4px 10px;border:1px solid var(--border);color:var(--pastel-pink);letter-spacing:0;background:#bef6ff0f}.project-footer{padding:16px 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:68px}.project-link{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--red);text-decoration:none;letter-spacing:0;text-transform:uppercase}.project-meta{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--muted)}.timeline{position:relative;display:flex;flex-direction:column;gap:28px;width:100%;padding-left:76px;text-align:left}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--red),rgba(120,232,255,.35),transparent);box-shadow:0 0 18px #78e8ff52}.timeline-item{position:relative;opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-item:hover{transform:translate(8px)}.timeline-node{position:absolute;left:-55px;top:34px;display:grid;width:22px;height:22px;place-items:center}.timeline-dot{display:block;width:14px;height:14px;background:var(--red);border-radius:50%;box-shadow:0 0 18px var(--red),0 0 38px #78e8ff47;animation:timelinePulse 2.8s ease-in-out infinite}.timeline-card{position:relative;overflow:hidden;padding:24px 26px;border:1px solid rgba(120,232,255,.28);background:radial-gradient(circle at 12% 18%,rgba(120,232,255,.1),transparent 34%),linear-gradient(135deg,#071b27eb,#04111af5);box-shadow:0 16px 48px #00000038,inset 0 0 0 1px #bef6ff0a;transition:border-color .3s ease,box-shadow .3s ease;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.timeline-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;background:linear-gradient(120deg,rgba(120,232,255,.42),transparent 35%,rgba(190,246,255,.18)) border-box;opacity:0;pointer-events:none;transition:opacity .3s ease;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.timeline-item:hover .timeline-card{border-color:#98f8ff85;box-shadow:0 20px 68px #78e8ff29,inset 0 0 0 1px #bef6ff14}.timeline-item:hover .timeline-card:before{opacity:1}.timeline-card-glow{position:absolute;inset:auto 24px -42px 24px;height:78px;background:radial-gradient(circle,rgba(120,232,255,.18),transparent 68%);pointer-events:none}.timeline-topline{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:14px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.timeline-index{color:var(--red)}.timeline-period{color:var(--muted)}.timeline-heading{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.timeline-title-row{display:flex;gap:12px;align-items:center}.timeline-icon{display:inline-grid;min-width:40px;height:30px;place-items:center;border:1px solid rgba(120,232,255,.34);background:#78e8ff14;color:#98f8ff;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:0}.timeline-title{font-family:var(--font-display);font-size:1.24rem;font-weight:700;margin:0;letter-spacing:0}.timeline-company{font-size:.92rem;color:var(--neon-pink);margin-top:8px;font-weight:600;letter-spacing:0}.timeline-status{flex:0 0 auto;border:1px solid rgba(152,248,255,.45);background:#98f8ff17;color:#98f8ff;padding:5px 10px;font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.timeline-desc{font-size:.96rem;color:var(--muted);line-height:1.9;max-width:780px;margin:0;letter-spacing:0}.timeline-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.timeline-tag{border:1px solid var(--border);background:#bef6ff0f;color:var(--pastel-pink);padding:5px 10px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:0}@keyframes timelinePulse{0%,to{transform:scale(1);box-shadow:0 0 18px var(--red),0 0 38px #78e8ff38}50%{transform:scale(1.22);box-shadow:0 0 24px var(--red),0 0 52px #78e8ff5c}}@keyframes musicBars{0%,to{transform:scaleY(.65);opacity:.62}50%{transform:scaleY(1.2);opacity:1}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-text{font-size:1rem;color:var(--muted);line-height:2;letter-spacing:0}.about-text p{margin-bottom:20px}.about-text strong{color:var(--pastel-pink);font-weight:600}.about-page-content{max-width:1120px}.about-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:48px;width:100%;align-items:stretch;text-align:left}.about-profile-card,.about-story-card,.about-info-item{background:#05141cb8;border:1px solid rgba(103,232,249,.25);box-shadow:0 0 30px #67e8f914;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.about-profile-card{position:relative;overflow:hidden;padding:30px;text-align:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.about-profile-card:before,.about-story-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(120,232,255,.14),transparent 42%);pointer-events:none}.about-avatar-frame{position:relative;display:grid;width:148px;aspect-ratio:1;place-items:center;margin:0 auto 22px;border:1px solid rgba(190,246,255,.38);background:radial-gradient(circle at 30% 20%,rgba(226,255,255,.18),transparent 36%),linear-gradient(145deg,#78e8ff1f,#ffffff08);box-shadow:0 0 26px #78e8ff33,inset 0 0 28px #ffffff0a}.about-avatar-core{display:grid;width:74%;aspect-ratio:1;place-items:center;border:1px solid rgba(226,253,255,.44);color:#eafcff;font-family:var(--font-display);font-size:2.6rem;font-weight:700;text-shadow:0 0 12px rgba(234,252,255,.62),0 0 34px rgba(101,232,255,.32);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.about-profile-name{position:relative;font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--white)}.about-profile-role{position:relative;margin-top:8px;color:var(--pastel-pink);font-weight:600}.about-profile-status{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 12px;border:1px solid rgba(152,248,255,.38);color:#98f8ff;font-size:.82rem;font-weight:700;text-transform:uppercase}.about-profile-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#98f8ff;box-shadow:0 0 12px #98f8ff}.about-profile-stats{position:relative;display:grid;gap:10px;margin-top:24px}.about-profile-stat{padding:12px;border:1px solid rgba(160,238,255,.16);background:#ffffff06;color:var(--muted);font-size:.82rem;font-weight:600}.about-profile-stat span{display:block;color:var(--white);font-family:var(--font-display);font-size:1.35rem;font-weight:700}.about-profile-tags,.about-focus-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px}.about-profile-tags{justify-content:center;margin-top:22px}.about-profile-tags span,.about-focus-tags span{border:1px solid var(--border);background:#bef6ff0f;color:var(--pastel-pink);padding:6px 10px;font-size:.76rem;font-weight:700}.about-story-card{position:relative;overflow:hidden;padding:34px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.about-kicker{position:relative;margin:0 0 10px;color:var(--red);font-size:.78rem;font-weight:800;text-transform:uppercase}.about-title{position:relative;max-width:760px;margin:0 0 22px;color:var(--white);font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);font-weight:700;line-height:1.05}.about-story-text{position:relative}.about-story-text p{max-width:780px;margin:0 0 14px;color:#e2f6fac7;font-size:1rem;line-height:1.9}.about-focus-tags{margin-top:24px}.about-terminal{position:relative;display:grid;gap:8px;margin-top:24px;padding:16px 18px;border-left:2px solid var(--red);background:#78e8ff0e;color:var(--pastel-pink);font-size:.88rem;font-weight:600}.about-terminal span{color:var(--red)}.about-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.about-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-top:24px}.about-info-item{display:flex;gap:14px;align-items:center;min-height:96px;padding:18px;transition:border-color .3s,box-shadow .3s,transform .2s}.about-info-item:hover,.about-info-item.is-highlight{border-color:#98f8ff85;box-shadow:0 12px 38px #78e8ff24}.about-info-item:hover{transform:translateY(-3px)}.about-info-icon{flex:0 0 auto;width:32px;height:32px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(120,232,255,.55))}.about-info-label{color:var(--red);font-size:.68rem;font-weight:800;text-transform:uppercase}.about-info-value{margin-top:5px;color:var(--white);font-size:.92rem;font-weight:600;line-height:1.35}.about-facts{display:flex;flex-direction:column;gap:16px}.fact-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--red);font-family:var(--font-mono);font-size:.88rem;font-weight:500;letter-spacing:0}.fact-label{color:var(--red);flex-shrink:0;min-width:110px}.fact-val{color:var(--white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-text{font-size:1rem;color:var(--muted);line-height:1.9;letter-spacing:0}.contact-text .highlight{color:var(--pastel-pink);font-size:1.8rem;font-family:var(--font-display);font-weight:700;letter-spacing:0;display:block;margin-bottom:16px;line-height:1.2}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--card);border:1px solid var(--border);text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.contact-item:hover{border-color:var(--border-bright);box-shadow:0 8px 32px var(--red-glow);transform:translate(4px)}.contact-icon{font-size:1.4rem}.contact-type{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--red);letter-spacing:0;text-transform:uppercase;display:block}.contact-val{font-size:.95rem;color:var(--white);font-weight:600;margin-top:2px;display:block}.contact-page-content{max-width:1100px}.contact-command{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;width:100%;text-align:left}.contact-cta-panel,.contact-channel-panel{position:relative;overflow:hidden;border:1px solid rgba(103,232,249,.22);background:#05141cb8;box-shadow:0 0 54px #67e8f914;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contact-cta-panel{padding:34px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.contact-channel-panel{padding:24px;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.contact-panel-orb{position:absolute;right:-54px;top:-54px;width:190px;height:190px;border-radius:50%;background:#67e8f91f;filter:blur(34px);pointer-events:none}.contact-kicker,.contact-channel-head span{color:var(--red);font-size:.78rem;font-weight:800;text-transform:uppercase}.contact-command-title{position:relative;max-width:720px;margin:12px 0 22px;color:var(--white);font-family:var(--font-display);font-size:clamp(2rem,3.7vw,3.7rem);font-weight:700;line-height:1.06}.contact-command-desc{position:relative;max-width:680px;margin:0;color:#e2f6fac7;font-size:1rem;line-height:1.9}.contact-command-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.contact-action-main{display:inline-flex;gap:10px;align-items:center}.contact-action-icon,.contact-action-mini,.contact-command-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.contact-action-icon{width:17px;height:17px}.contact-terminal{position:relative;display:grid;gap:12px;margin-top:30px;padding:18px;border:1px solid rgba(160,238,255,.18);background:#0000002e}.contact-terminal-head,.contact-channel-head{display:flex;align-items:center;justify-content:space-between}.contact-terminal-head{padding-bottom:10px;border-bottom:1px solid rgba(160,238,255,.12);color:var(--red);font-size:.82rem;font-weight:800}.contact-terminal-head i,.contact-channel-head i{width:8px;height:8px;border-radius:50%;background:#98f8ff;box-shadow:0 0 12px #98f8ff}.contact-terminal-row{display:grid;grid-template-columns:130px 1fr;gap:12px;color:var(--muted);font-size:.9rem}.contact-terminal-row span{color:#e2f6fa94}.contact-terminal-row strong{color:var(--pastel-pink);font-weight:800}.contact-channel-head{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(160,238,255,.12)}.contact-channel-list{display:grid;gap:14px}.contact-channel-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(160,238,255,.12);background:#78e8ff0b;transition:border-color .3s,box-shadow .3s,transform .2s,background .3s}.contact-channel-card:hover{border-color:#98f8ff73;background:#78e8ff12;box-shadow:0 12px 34px #78e8ff1f;transform:translateY(-3px)}.contact-command-icon{width:34px;height:34px;color:var(--red);filter:drop-shadow(0 0 9px rgba(120,232,255,.55))}.contact-channel-type{color:var(--red);font-size:.68rem;font-weight:800}.contact-channel-value{margin-top:4px;color:var(--white);font-size:.98rem;font-weight:700;overflow-wrap:anywhere}.contact-channel-desc{margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:500}.contact-channel-action{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-width:92px;padding:9px 11px;border:1px solid rgba(160,238,255,.2);background:#020d1480;color:var(--pastel-pink);font-family:var(--font-body);font-size:.72rem;font-weight:800;text-decoration:none;cursor:inherit;transition:border-color .2s,color .2s,box-shadow .2s}.contact-channel-action:hover{border-color:#98f8ff94;color:var(--white);box-shadow:0 0 18px #78e8ff24}.contact-action-mini{width:14px;height:14px}.contact-status-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:24px;padding:14px;border:1px solid rgba(160,238,255,.16);background:#05141c85}.contact-status-strip span{color:var(--pastel-pink);font-size:.78rem;font-weight:800}.discord-contact-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.discord-contact-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:#010a10d6;cursor:inherit}.discord-contact-card{position:relative;z-index:1;width:min(460px,100%);overflow:hidden;padding:28px;border:1px solid rgba(152,248,255,.46);background:radial-gradient(circle at 80% 0%,rgba(120,232,255,.16),transparent 36%),#05141cf5;box-shadow:0 24px 90px #78e8ff38;text-align:left;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.discord-contact-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.discord-contact-head .contact-command-icon{width:38px;height:38px}.discord-contact-head button{width:34px;height:34px;border:1px solid rgba(160,238,255,.24);background:#020d14b8;color:var(--white);font-size:1.35rem;line-height:1;cursor:inherit}.discord-contact-kicker{margin:0 0 10px;color:var(--red);font-size:.78rem;font-weight:800}.discord-contact-card h3{margin:0 0 18px;color:var(--white);font-family:var(--font-display);font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.08}.discord-contact-account{padding:16px 18px;border:1px solid rgba(160,238,255,.2);background:#78e8ff12;color:var(--pastel-pink);font-size:1.35rem;font-weight:800;text-align:center;box-shadow:inset 0 0 20px #78e8ff0d}.discord-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}footer{padding:40px 60px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:0;color:var(--muted)}.footer-logo{font-family:var(--font-display);font-size:1rem;color:#dffcff;font-weight:700;text-shadow:0 0 8px rgba(223,252,255,.82),0 0 18px rgba(120,232,255,.58)}.footer-stack{color:var(--red)}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--neon-pink);clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);animation:glitch1 4s infinite;opacity:0}.glitch:after{color:#d8fdff;clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);animation:glitch2 4s .5s infinite;opacity:0}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid var(--red);animation:type 3s steps(30) forwards,blink .8s step-end infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes scan{0%{top:0}to{top:100vh}}@keyframes glitch1{0%,90%,to{transform:none;opacity:0}92%{transform:translate(-3px);opacity:.8}94%{transform:translate(3px);opacity:.6}96%{transform:none;opacity:0}}@keyframes glitch2{0%,92%,to{transform:none;opacity:0}94%{transform:translate(3px);opacity:.8}96%{transform:translate(-2px);opacity:.6}98%{transform:none;opacity:0}}@keyframes type{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 1100px){.hero-shell .hero{padding-left:36px;padding-right:36px}.hero-content{transform:translate(-110px)}.hero-side{left:calc(50% + 230px);top:50%;width:200px}}@media (max-width: 900px){nav{padding:16px 24px}.nav-links{display:none}.nav-actions{gap:12px}.nav-views{display:none}section{padding:70px 24px}.hero-shell .hero{padding:100px 24px 60px}.hero-content{transform:none}.hero-side{display:none}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-layout{grid-template-columns:1fr;gap:24px}.contact-command{grid-template-columns:1fr}.about-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid,.projects-grid{grid-template-columns:1fr}.timeline{padding-left:52px}.timeline:before{left:20px}.timeline-node{left:-42px}footer{padding:30px 24px;flex-direction:column;gap:12px;text-align:center}.divider-spacer{margin:0 24px}}@media (max-width: 560px){.hero-ctas{flex-direction:column}.btn-primary,.btn-secondary,.contact-item{width:100%}.project-footer{gap:8px;flex-direction:column;align-items:flex-start}.music-player{right:14px;bottom:14px;left:14px;min-width:0}.timeline{padding-left:34px}.timeline:before{left:12px}.timeline-node{left:-31px}.timeline-card{padding:20px}.timeline-heading,.timeline-title-row{align-items:flex-start;flex-direction:column}.timeline-status{align-self:flex-start}.about-story-card,.about-profile-card{padding:24px}.about-info-grid{grid-template-columns:1fr}.about-info-item{min-height:auto}.contact-cta-panel,.contact-channel-panel{padding:22px}.contact-channel-card{grid-template-columns:34px minmax(0,1fr)}.contact-channel-action{grid-column:2;justify-self:start}.contact-terminal-row{grid-template-columns:1fr;gap:4px}}