@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-base:#020406;--bg-deep:#05080b;--bg-card:#070e1473;--bg-card-hover:#0c172199;--border-glow:#10b9811f;--border-glow-hover:#06b6d447;--accent-purple:#10b981;--accent-purple-glow:#10b98159;--accent-lavender:#06b6d4;--accent-magenta:#34d399;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d440;--accent-green:#10b981;--accent-green-glow:#10b98140;--text-primary:#f3f5f4;--text-secondary:#a3b3af;--text-muted:#6e7d7a;--font-serif:"Cormorant Garamond", serif;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radial-spot-1:#10b9811f;--radial-spot-2:#06b6d414;--radial-spot-3:#14b8a60f;--scrollbar-track:#05080b}body.light-mode{--bg-base:#f4f6f8;--bg-deep:#e9ecef;--bg-card:#ffffffd1;--bg-card-hover:#fffffff2;--border-glow:#10b98126;--border-glow-hover:#06b6d44d;--accent-purple:#047857;--accent-purple-glow:#0478572e;--accent-lavender:#0369a1;--accent-magenta:#0f766e;--accent-cyan:#0369a1;--accent-cyan-glow:#0369a12e;--accent-green:#047857;--accent-green-glow:#0478572e;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--radial-spot-1:#0478570d;--radial-spot-2:#0369a10a;--radial-spot-3:#0f766e0a;--scrollbar-track:#e9ecef}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent-purple) var(--bg-deep);background-color:var(--bg-base);font-size:16px;transition:background-color .5s}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.625;transition:background-color .5s,color .5s;overflow-x:hidden}.bg-glow-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.radial-glow-1{background:radial-gradient(circle, var(--radial-spot-1) 0%, transparent 70%);filter:blur(80px);width:70vw;height:60vh;transition:background .5s;position:absolute;top:-10%;left:20%}.radial-glow-2{background:radial-gradient(circle, var(--radial-spot-2) 0%, transparent 60%);filter:blur(100px);width:80vw;height:70vh;transition:background .5s;position:absolute;bottom:10%;right:-10%}.radial-glow-3{background:radial-gradient(circle, var(--radial-spot-3) 0%, transparent 65%);filter:blur(90px);width:60vw;height:60vh;transition:background .5s;position:absolute;top:40%;left:-20%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-left:1px solid #ffffff05;transition:background .5s}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--accent-purple), var(--accent-lavender));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lavender)}::selection{color:var(--text-primary);background:#10b98140}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:500;transition:color .5s}.section{z-index:2;max-width:1200px;margin:0 auto;padding:8rem 2rem 4rem;position:relative}@media (width<=768px){.section{padding:5rem 1.25rem 3rem}}.section-header{text-align:center;margin-bottom:4rem}.section-title{color:var(--text-primary);letter-spacing:.02em;font-size:3rem;font-style:italic;font-weight:300}@media (width<=768px){.section-title{font-size:2.25rem}}.section-divider{background:linear-gradient(to right, transparent, var(--accent-purple), transparent);width:60px;height:1px;margin:1.5rem auto 0;transition:background .5s}.btn-premium{font-family:var(--font-sans);color:#fff;border:1px solid var(--accent-purple);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#10b98133;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}body.light-mode .btn-premium{color:var(--accent-purple);border-color:var(--accent-purple);background:#0596690f}.btn-premium:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-premium:hover:before{left:100%}.btn-premium:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 20px var(--accent-purple-glow);transform:translateY(-2px)}.btn-premium.secondary{color:var(--text-secondary);background:0 0;border-color:#ffffff26}body.light-mode .btn-premium.secondary{color:var(--text-secondary);border-color:#00000026}.btn-premium.secondary:hover{border-color:var(--accent-purple);color:#fff;background:#10b9811a}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(16px);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1),background-color .5s,border-color .5s}.glass-panel:hover{background:var(--bg-card-hover);border-color:var(--border-glow-hover);box-shadow:0 10px 30px #0000001f,0 0 15px #10b9810d}.boot-screen{background-color:var(--bg-deep);z-index:10000;justify-content:center;align-items:center;transition:background-color .5s;display:flex;position:fixed;inset:0;overflow:hidden}body.light-mode .boot-screen{background-color:var(--bg-base)}.boot-content{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:500px;display:flex}.boot-logo-wrapper{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.boot-logo-glow{background:radial-gradient(circle,#8a2be240 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite pulseLogoGlow;position:absolute;inset:0}body.light-mode .boot-logo-glow{background:radial-gradient(circle,#7209b71f 0%,#0000 70%)}.boot-logo{font-family:var(--font-serif);color:var(--text-primary);text-shadow:0 0 20px #8a2be266;z-index:2;font-size:5rem;font-style:italic;font-weight:300;transition:color .5s;animation:3s ease-in-out infinite logoFloat;position:relative}body.light-mode .boot-logo{text-shadow:0 0 20px #7209b740}.boot-progress-container{background:#ffffff0d;border-radius:4px;width:200px;height:2px;position:relative;overflow:hidden}body.light-mode .boot-progress-container{background:#0000000d}.boot-progress-bar{background:linear-gradient(90deg, var(--accent-purple), var(--accent-lavender));height:100%;transition:width .1s linear}.boot-terminal{font-family:var(--font-mono);color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:flex-end;gap:.25rem;width:100%;height:80px;font-size:.75rem;transition:color .5s;display:flex;overflow:hidden}.boot-line{opacity:0;animation:.3s forwards bootLineIn;transform:translateY(10px)}.boot-cursor{color:var(--accent-purple);animation:1s step-end infinite blink}.app{opacity:0;z-index:1;transition:opacity 1.5s cubic-bezier(.16,1,.3,1);position:relative}.app.loaded{opacity:1}.navbar{z-index:1000;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .4s cubic-bezier(.16,1,.3,1),background-color .5s,border-color .5s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);background:#030209bf;border-bottom:1px solid #8a2be21a;padding:1rem 3rem}body.light-mode .navbar.scrolled{background:#f5f5fad1;border-bottom-color:#7209b714}@media (width<=768px){.navbar{padding:1.25rem 1.5rem}.navbar.scrolled{padding:1rem 1.5rem}}.nav-logo{cursor:pointer;flex-direction:column;display:flex}.nav-logo-text{font-family:var(--font-serif);letter-spacing:.05em;color:var(--text-primary);text-shadow:0 0 10px #8a2be233;font-size:1.6rem;font-weight:400;transition:color .5s}body.light-mode .nav-logo-text{text-shadow:0 0 10px #7209b71a}.nav-logo-sub{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.2em;text-transform:uppercase;margin-top:-2px;font-size:.65rem;transition:color .5s}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding:.5rem 0;font-size:.8rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);text-shadow:0 0 10px #8a2be24d}body.light-mode .nav-links a:hover,body.light-mode .nav-links a.active{text-shadow:none}.nav-links a:after{content:"";background:var(--accent-purple);width:0;height:1px;box-shadow:0 0 8px var(--accent-purple);transition:width .3s;position:absolute;bottom:0;left:0}body.light-mode .nav-links a:after{box-shadow:none}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:1.5rem;display:flex}.nav-theme-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}body.light-mode .nav-theme-btn{border-color:#0000000f}.nav-theme-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);box-shadow:0 0 10px #8a2be233}body.light-mode .nav-theme-btn:hover{box-shadow:0 0 10px #7209b71a}.nav-toggle{cursor:pointer;flex-direction:column;gap:6px;width:30px;display:none}.nav-toggle span{background-color:var(--text-primary);width:100%;height:1px;transition:all .3s}@media (width<=992px){.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070614f2;border-left:1px solid #8a2be21a;flex-direction:column;justify-content:center;gap:2.5rem;width:280px;height:100vh;padding:3rem;transition:right .4s cubic-bezier(.16,1,.3,1),background-color .5s;position:fixed;top:0;right:-100%}body.light-mode .nav-links{background:#eeeff5f5;border-left-color:#7209b714}.nav-links.open{right:0}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-actions{display:none}}.hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative}.hero-content{z-index:3;max-width:900px}.hero-glow-ring{pointer-events:none;z-index:1;border:1px solid #8a2be20d;border-radius:50%;width:450px;height:450px;transition:border-color .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.light-mode .hero-glow-ring{border-color:#7209b708}.hero-glow-ring.inner{border-color:#8a2be214;width:250px;height:250px}body.light-mode .hero-glow-ring.inner{border-color:#7209b70a}.hero-badge{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.15em;text-transform:uppercase;background:#8a2be20d;border:1px solid #8a2be24d;border-radius:50px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.75rem;transition:all .5s;display:inline-block;box-shadow:0 0 15px #8a2be21a}body.light-mode .hero-badge{box-shadow:none;background:#7209b708;border-color:#7209b733}.hero-title{font-family:var(--font-serif);letter-spacing:.01em;background:linear-gradient(135deg, #fff 40%, var(--accent-lavender) 100%);-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.2rem,5.2vw,4.4rem);font-weight:300;line-height:1.25;transition:all .5s;position:relative}body.light-mode .hero-title{background:linear-gradient(135deg,#181525 35%,#7a7698 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400}.hero-subtitle-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-sans);letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.6rem 1.5rem;font-size:.8rem;font-weight:500;transition:all .5s;display:inline-flex}body.light-mode .hero-subtitle-badge{background:#00000003;border-color:#0000000a}.hero-subtitle-dot{background-color:var(--accent-purple);width:4px;height:4px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%;transition:all .5s}body.light-mode .hero-subtitle-dot{box-shadow:none}.hero-real-name{font-family:var(--font-serif);color:var(--accent-lavender);margin-bottom:1.5rem;font-size:1.8rem;font-style:italic;font-weight:300;transition:color .5s}.hero-description{font-family:var(--font-sans);color:var(--text-secondary);max-width:680px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.7;transition:color .5s}.hero-cta-group{justify-content:center;gap:1.5rem;margin-bottom:4rem;display:flex}@media (width<=480px){.hero-cta-group{flex-direction:column;align-items:stretch;padding:0 1rem}}.hero-scroll-indicator{cursor:pointer;opacity:.7;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll-indicator:hover{opacity:1}.hero-scroll-mouse{border:1px solid var(--text-secondary);border-radius:20px;width:20px;height:32px;transition:border-color .5s;position:relative}.hero-scroll-wheel{background-color:var(--accent-purple);border-radius:2px;width:2px;height:6px;transition:background-color .5s;animation:1.5s cubic-bezier(.16,1,.3,1) infinite scrollWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hero-scroll-arrow{border-right:1px solid var(--text-secondary);border-bottom:1px solid var(--text-secondary);width:6px;height:6px;transition:border-color .5s;animation:1.5s ease-in-out infinite scrollArrow;transform:rotate(45deg)}.hero-stats{background:#ffffff03;border:1px solid #ffffff08;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:800px;margin:0 auto;padding:1.5rem;transition:all .5s;display:grid}body.light-mode .hero-stats{background:#00000003;border-color:#0000000a}@media (width<=768px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{text-align:left;flex-direction:column;gap:.5rem;display:flex}.stat-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;transition:color .5s}.stat-bar{background:#ffffff0d;border-radius:2px;height:3px;transition:background-color .5s;position:relative;overflow:hidden}body.light-mode .stat-bar{background:#0000000f}.stat-bar-fill{border-radius:2px;height:100%;transition:width 1.5s cubic-bezier(.16,1,.3,1),background-color .5s;box-shadow:0 0 8px}body.light-mode .stat-bar-fill{box-shadow:none}.stat-bar-fill.cyan{background-color:var(--accent-cyan);color:var(--accent-cyan)}.stat-bar-fill.green{background-color:var(--accent-green);color:var(--accent-green)}.stat-bar-fill.magenta{background-color:var(--accent-magenta);color:var(--accent-magenta)}.stat-bar-fill.yellow{background-color:var(--accent-lavender);color:var(--accent-lavender)}.stat-value{font-family:var(--font-mono);color:var(--text-muted);text-align:right;font-size:.7rem;transition:color .5s}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;display:grid}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:3rem}}.about-text{flex-direction:column;gap:1.5rem;display:flex}.about-text p{color:var(--text-secondary);font-size:1.05rem;line-height:1.75;transition:color .5s}.highlight{color:var(--text-primary);font-weight:500;transition:color .5s}.highlight-purple{color:var(--accent-lavender);font-weight:500;transition:color .5s}.highlight-green{color:var(--accent-green);font-weight:500;transition:color .5s}.about-character-card{padding:2.25rem}.character-header{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.character-portrait-wrapper{width:64px;height:64px;position:relative}.character-portrait{object-fit:cover;border:1px solid #8a2be24d;border-radius:12px;width:100%;height:100%;transition:border-color .5s}body.light-mode .character-portrait{border-color:#7209b726}.character-status-ring{background-color:var(--accent-green);border:2px solid var(--bg-deep);width:14px;height:14px;box-shadow:0 0 10px var(--accent-green-glow);border-radius:50%;transition:all .5s;position:absolute;bottom:-2px;right:-2px}body.light-mode .character-status-ring{border-color:var(--bg-base);box-shadow:none}.character-info{flex-grow:1}.character-name{font-family:var(--font-serif);color:var(--text-primary);font-size:1.5rem;font-weight:400;transition:color .5s}.character-class{font-family:var(--font-mono);color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;transition:color .5s}.character-body{flex-direction:column;gap:1.5rem;display:flex}.character-stats{flex-direction:column;gap:.75rem;display:flex}.char-stat{align-items:center;gap:1rem;display:flex}.char-stat-icon{text-align:center;width:24px;font-size:1.1rem}.char-stat-info{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.char-stat-label{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;font-size:.75rem;transition:color .5s;display:flex}.char-stat-bar{background:#ffffff0a;border-radius:2px;height:2px;transition:background-color .5s;overflow:hidden}body.light-mode .char-stat-bar{background:#0000000d}.char-stat-fill{background:var(--accent-purple);height:100%;box-shadow:0 0 8px var(--accent-purple-glow);transition:width 1.5s cubic-bezier(.16,1,.3,1),background-color .5s}body.light-mode .char-stat-fill{box-shadow:none}.char-stat-fill.str{background-color:var(--accent-cyan)}.char-stat-fill.int{background-color:var(--accent-purple)}.char-stat-fill.dex{background-color:var(--accent-lavender)}.char-stat-fill.wis{background-color:var(--accent-magenta)}.char-stat-fill.cha{background-color:var(--accent-green)}.char-stat-fill.con{background-color:#fa5}.character-divider{background:#ffffff0d;border:0;height:1px;transition:background .5s}body.light-mode .character-divider{background:#0000000d}.character-equipped{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;transition:color .5s}.character-items{flex-wrap:wrap;gap:.6rem;display:flex}.character-item{font-family:var(--font-sans);color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0f;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;transition:all .3s;display:flex}body.light-mode .character-item{background:#00000003;border-color:#0000000f}.character-item:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#8a2be20d}body.light-mode .character-item:hover{background:#7209b70a}.character-footer{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:2rem;font-size:.7rem;transition:color .5s;display:flex}.character-status{color:var(--accent-green);align-items:center;gap:.5rem;transition:color .5s;display:flex}.status-dot{background-color:var(--accent-green);border-radius:50%;width:6px;height:6px;transition:background-color .5s;animation:2s infinite pulseDot}.journey-timeline-container{max-width:900px;margin:0 auto;padding:2rem 0;position:relative}.journey-timeline-line{background:linear-gradient(to bottom, transparent 5%, var(--accent-purple) 15%, var(--accent-lavender) 85%, transparent 95%);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (width<=768px){.journey-timeline-line{left:20px}}.journey-timeline-item{z-index:2;justify-content:space-between;align-items:center;width:100%;margin-bottom:5rem;display:flex;position:relative}.journey-timeline-item:nth-child(2n){flex-direction:row-reverse}@media (width<=768px){.journey-timeline-item,.journey-timeline-item:nth-child(2n){flex-direction:row;margin-bottom:3.5rem}}.journey-timeline-dot-wrapper{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.journey-timeline-dot-wrapper{left:20px}}.journey-timeline-dot{background-color:var(--bg-deep);border:2px solid var(--accent-purple);width:10px;height:10px;box-shadow:0 0 10px var(--accent-purple-glow);border-radius:50%;transition:all .3s}body.light-mode .journey-timeline-dot{background-color:var(--bg-base);box-shadow:none}.journey-timeline-item:hover .journey-timeline-dot{background-color:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple);transform:scale(1.3)}body.light-mode .journey-timeline-item:hover .journey-timeline-dot{box-shadow:0 0 10px var(--accent-purple)}.journey-timeline-card-wrapper{width:45%}@media (width<=768px){.journey-timeline-card-wrapper{width:calc(100% - 50px);margin-left:40px}}.journey-timeline-card{padding:2rem}.journey-timeline-year{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.05em;margin-bottom:.5rem;font-size:.9rem;font-weight:600;transition:color .5s}.journey-timeline-title{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem;font-weight:400;transition:color .5s}body.light-mode .journey-timeline-title{color:#2c293c}.journey-timeline-desc{font-family:var(--font-sans);color:var(--text-secondary);font-size:.95rem;line-height:1.65;transition:color .5s}.timeline{flex-direction:column;gap:3rem;max-width:900px;margin:0 auto;display:flex}.timeline-card{padding:3rem;position:relative}@media (width<=768px){.timeline-card{padding:2rem 1.5rem}}.timeline-quest-badge{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f5ff08;border:1px solid #00f5ff33;border-radius:4px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.7rem;transition:all .5s;display:inline-block}body.light-mode .timeline-quest-badge{color:var(--accent-cyan);background:#00838f08;border-color:#00838f33}.timeline-date{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;transition:color .5s}.timeline-role{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.75rem;font-size:2.2rem;font-weight:400;line-height:1.2;transition:color .5s}body.light-mode .timeline-role{color:#2c293c}.timeline-type-badge{font-family:var(--font-sans);color:var(--accent-purple);vertical-align:middle;background:#8a2be214;border-radius:50px;margin-left:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .5s;display:inline-block}body.light-mode .timeline-type-badge{background:#7209b70f}@media (width<=576px){.timeline-type-badge{width:fit-content;margin-top:.5rem;margin-left:0;display:block}}.timeline-company{font-family:var(--font-sans);color:var(--accent-lavender);margin-bottom:.25rem;font-size:1.1rem;font-weight:600;transition:color .5s}.timeline-location{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:2rem;font-size:.9rem;transition:color .5s}.timeline-description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7;transition:color .5s}.noc-monitor{background:#0006;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem;transition:all .5s;box-shadow:inset 0 0 20px #00000080}body.light-mode .noc-monitor{box-shadow:none;background:#00000005;border-color:#0000000a}.noc-screen-container{aspect-ratio:16/9;background-color:#000;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:1.5rem;transition:border-color .5s;position:relative;overflow:hidden}body.light-mode .noc-screen-container{border-color:#0000000d}.noc-screen-hud{pointer-events:none;z-index:2;position:absolute;inset:0}.noc-hud-crosshair{border:1px solid #00f5ff26;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noc-hud-crosshair:before,.noc-hud-crosshair:after{content:"";background-color:#00f5ff26;position:absolute}.noc-hud-crosshair:before{width:36px;height:1px;top:50%;left:-6px}.noc-hud-crosshair:after{width:1px;height:36px;top:-6px;left:50%}body.light-mode .noc-hud-crosshair{border-color:#7209b733}body.light-mode .noc-hud-crosshair:before,body.light-mode .noc-hud-crosshair:after{background-color:#7209b733}.noc-hud-corner{border:1px solid #00f5ff33;width:12px;height:12px;position:absolute}body.light-mode .noc-hud-corner{border-color:#7209b740}.noc-hud-corner.tl{border-bottom:none;border-right:none;top:1.25rem;left:1.25rem}.noc-hud-corner.tr{border-bottom:none;border-left:none;top:1.25rem;right:1.25rem}.noc-hud-corner.bl{border-top:none;border-right:none;bottom:1.25rem;left:1.25rem}.noc-hud-corner.br{border-top:none;border-left:none;bottom:1.25rem;right:1.25rem}.noc-hud-telemetry{font-family:var(--font-mono);color:var(--accent-cyan);text-align:right;text-shadow:0 0 5px #00f5ff66;flex-direction:column;gap:.25rem;font-size:.65rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}body.light-mode .noc-hud-telemetry{color:#0d9488;text-shadow:none}.noc-screen-img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .2s ease-in-out}.noc-screen-img.switching{opacity:.1}.noc-static-lines{pointer-events:none;z-index:2;opacity:.4;background:repeating-linear-gradient(#0000,#0000 2px,#ffffff05 2px 4px);position:absolute;inset:0}.noc-overlay{z-index:3;font-family:var(--font-mono);color:var(--accent-cyan);text-shadow:0 0 5px #00f5ff80;pointer-events:none;flex-direction:column;justify-content:space-between;padding:1.25rem;font-size:.75rem;display:flex;position:absolute;inset:0}body.light-mode .noc-overlay{color:#006064;text-shadow:none}.noc-overlay-top,.noc-overlay-bottom{justify-content:space-between;width:100%;display:flex}.noc-rec-indicator{align-items:center;gap:.5rem;display:flex}.noc-rec-dot{background-color:var(--accent-green);width:8px;height:8px;box-shadow:0 0 10px var(--accent-green);border-radius:50%;transition:background-color .5s;animation:1s step-end infinite blink}body.light-mode .noc-rec-dot{box-shadow:none}.noc-cams{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.noc-cam-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.5rem;padding:.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}body.light-mode .noc-cam-btn{border-color:#0000000f}.noc-cam-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);transform:translateY(-4px)scale(1.03)}.noc-cam-btn.active{border-color:var(--accent-cyan);color:var(--text-primary);background:#00f5ff0a;box-shadow:0 0 15px #00f5ff26}body.light-mode .noc-cam-btn.active{border-color:var(--accent-purple);background:#7209b70a;box-shadow:0 0 15px #7209b714}.noc-cam-thumb-container{aspect-ratio:16/10;opacity:.6;border:1px solid #ffffff0a;border-radius:4px;width:100%;transition:all .3s;overflow:hidden}body.light-mode .noc-cam-thumb-container{border-color:#0000000d}.noc-cam-btn.active .noc-cam-thumb-container,.noc-cam-btn:hover .noc-cam-thumb-container{opacity:1}.noc-cam-thumb{object-fit:cover;width:100%;height:100%}.noc-cam-info{font-family:var(--font-mono);color:var(--text-secondary);border-top:1px solid #ffffff0a;padding-top:1rem;font-size:.75rem;line-height:1.6;transition:all .5s}body.light-mode .noc-cam-info{border-top-color:#0000000a}.noc-cam-info strong{color:var(--accent-cyan)}.timeline-rewards{background:#10b98105;border:1px solid #10b98126;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem;transition:all .5s}body.light-mode .timeline-rewards{background:#0d948805;border-color:#0d948826}.timeline-rewards-title{font-family:var(--font-mono);color:var(--accent-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;transition:color .5s}.timeline-rewards-list{flex-wrap:wrap;gap:1rem;display:flex}.timeline-reward{font-family:var(--font-sans);color:var(--text-secondary);background:#10b9810d;border-radius:50px;padding:.35rem .8rem;font-size:.8rem;transition:all .5s}body.light-mode .timeline-reward{color:#0f766e;background:#0d94880d}.timeline-tags{flex-wrap:wrap;gap:.6rem;display:flex}.timeline-tag{font-family:var(--font-sans);color:var(--text-muted);background:#ffffff03;border:1px solid #ffffff0a;border-radius:50px;padding:.35rem .8rem;font-size:.75rem;transition:all .3s}body.light-mode .timeline-tag{color:var(--text-secondary);background:#00000003;border-color:#0000000d}.timeline-tag:hover{border-color:var(--accent-purple);color:var(--text-secondary)}body.light-mode .timeline-tag:hover{color:var(--text-primary)}.education-card{max-width:600px;margin:0 auto;padding:2.5rem}.education-card-header{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.education-icon{color:var(--accent-purple);text-shadow:0 0 10px var(--accent-purple-glow);font-size:2.2rem;transition:all .5s}body.light-mode .education-icon{text-shadow:none}.education-school{font-family:var(--font-serif);color:var(--text-primary);font-size:1.8rem;font-weight:400;transition:color .5s}body.light-mode .education-school{color:#2c293c}.education-major{font-family:var(--font-sans);color:var(--accent-lavender);font-size:1rem;transition:color .5s}.education-card-body{flex-direction:column;gap:1.5rem;display:flex}.education-period{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem;transition:color .5s}.education-xp-bar{flex-direction:column;gap:.5rem;display:flex}.education-xp-label{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;font-size:.75rem;transition:color .5s;display:flex}.education-xp-track{background:#ffffff0d;border-radius:2px;height:4px;transition:background-color .5s;overflow:hidden}body.light-mode .education-xp-track{background:#0000000f}.education-xp-fill{background:linear-gradient(90deg, var(--accent-purple), var(--accent-lavender));height:100%;box-shadow:0 0 8px var(--accent-purple-glow);transition:width 1.5s cubic-bezier(.16,1,.3,1),background-color .5s}body.light-mode .education-xp-fill{box-shadow:none}.education-status{font-family:var(--font-mono);color:var(--accent-green);align-items:center;gap:.5rem;font-size:.75rem;transition:color .5s;display:flex}.blink-dot{background-color:var(--accent-green);border-radius:50%;width:6px;height:6px;transition:background-color .5s;animation:2s infinite pulseDot}.skills-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=992px){.skills-grid{grid-template-columns:1fr}}.skill-category{padding:2.25rem}.skill-category-header{border-bottom:1px solid #ffffff0a;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;transition:border-color .5s;display:flex}body.light-mode .skill-category-header{border-bottom-color:#0000000a}.skill-category-icon{color:var(--accent-purple);font-size:1.5rem;transition:color .5s}.skill-category-title{font-family:var(--font-serif);color:var(--text-primary);flex-grow:1;font-size:1.4rem;font-weight:400;transition:color .5s}body.light-mode .skill-category-title{color:#2c293c}.skill-category-badge{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;border:1px solid #ffffff0f;border-radius:3px;padding:.2rem .5rem;font-size:.65rem;transition:all .5s}body.light-mode .skill-category-badge{border-color:#0000000f}.skill-list{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.skill-item{justify-content:space-between;align-items:center;display:flex}.skill-name{color:var(--text-secondary);font-size:.95rem;transition:color .5s}.skill-level{gap:4px;display:flex}.skill-pixel{background-color:#ffffff0d;border-radius:50%;width:6px;height:6px;transition:all .3s}body.light-mode .skill-pixel{background-color:#0000000f}.skill-pixel.filled{background-color:var(--accent-purple);box-shadow:0 0 6px var(--accent-purple-glow)}body.light-mode .skill-pixel.filled{background-color:var(--accent-purple);box-shadow:none}.skill-pixel.filled.alt{background-color:var(--accent-lavender);box-shadow:0 0 6px #c8b6ff66}body.light-mode .skill-pixel.filled.alt{background-color:var(--accent-lavender);box-shadow:none}.skill-pixel.filled.green{background-color:var(--accent-cyan);box-shadow:0 0 6px #00f5ff66}body.light-mode .skill-pixel.filled.green{background-color:var(--accent-cyan);box-shadow:none}.contact-container{text-align:center;max-width:650px;margin:0 auto}.contact-text{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.75;transition:color .5s}.contact-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:4rem;display:flex}.contact-link{font-family:var(--font-sans);color:var(--text-secondary);background:#ffffff03;border:1px solid #ffffff0d;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}body.light-mode .contact-link{color:var(--text-secondary);background:#00000003;border-color:#0000000f}.contact-link:hover{color:var(--text-primary);border-color:var(--accent-purple);background:#8a2be20d;transform:translateY(-2px)}body.light-mode .contact-link:hover{background:#7209b70a}.link-icon{font-size:1rem}.contact-message-box{text-align:left;padding:2.5rem}.contact-message-header{border-bottom:1px solid #ffffff0a;margin-bottom:2rem;padding-bottom:1rem;transition:border-color .5s}body.light-mode .contact-message-header{border-bottom-color:#0000000a}.contact-message-header span{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;transition:color .5s}.contact-terminal-form{flex-direction:column;gap:2rem;display:flex}.terminal-field{flex-direction:column;gap:.5rem;display:flex}.terminal-prompt{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;transition:color .5s}.terminal-input,.terminal-textarea{color:var(--text-primary);font-family:var(--font-sans);background:#0003;border:1px solid #ffffff0d;border-radius:8px;padding:.8rem 1rem;font-size:.95rem;transition:all .3s}body.light-mode .terminal-input,body.light-mode .terminal-textarea{color:var(--text-primary);background:#fff9;border-color:#00000014}.terminal-input:focus,.terminal-textarea:focus{border-color:var(--accent-purple);background:#0d0b1c66;outline:none;box-shadow:0 0 15px #8a2be21a}body.light-mode .terminal-input:focus,body.light-mode .terminal-textarea:focus{background:#fff;box-shadow:0 0 15px #7209b714}.terminal-actions{justify-content:flex-end;display:flex}.terminal-submit-btn{font-family:var(--font-sans);color:#fff;background:var(--accent-purple);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 15px var(--accent-purple-glow);border:none;border-radius:50px;padding:.8rem 2rem;font-size:.8rem;font-weight:500;transition:all .3s}body.light-mode .terminal-submit-btn{box-shadow:none}.terminal-submit-btn:hover{box-shadow:0 0 20px var(--accent-purple);transform:translateY(-2px)}body.light-mode .terminal-submit-btn:hover{box-shadow:0 0 15px var(--accent-purple-glow)}.terminal-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.footer{text-align:center;z-index:2;background-color:var(--bg-deep);border-top:1px solid #ffffff05;padding:5rem 2rem 3rem;transition:all .5s;position:relative}body.light-mode .footer{background-color:var(--bg-deep);border-top-color:#00000008}.footer-brand{font-family:var(--font-serif);color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-style:italic;transition:color .5s}.footer-sub{font-family:var(--font-mono);color:var(--accent-purple);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;font-size:.7rem;transition:color .5s}.footer-text{font-family:var(--font-sans);color:var(--text-muted);font-size:.85rem;line-height:1.6;transition:color .5s}.footer-hearts{color:#ef4444;margin-top:1rem;font-size:.75rem}@keyframes scrollWheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}60%{opacity:0;transform:translate(-50%,8px)}to{opacity:0;transform:translate(-50%)}}@keyframes scrollArrow{0%,to{opacity:.3;transform:translate(0)rotate(45deg)}50%{opacity:1;transform:translateY(4px)rotate(45deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseLogoGlow{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bootLineIn{to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.5;box-shadow:0 0 4px var(--accent-green-glow)}50%{opacity:1;box-shadow:0 0 12px var(--accent-green)}}@keyframes pulseDotPurple{0%,to{opacity:.6;box-shadow:0 0 4px var(--accent-purple-glow)}50%{opacity:1;box-shadow:0 0 12px var(--accent-purple)}}.link-svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.contact-link:hover .link-svg{transform:scale(1.2)rotate(-8deg)}.theme-toggle-svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s}.nav-theme-btn:hover .theme-toggle-svg{color:var(--accent-purple);transform:scale(1.2)rotate(20deg)}.section-title,.journey-timeline-title,.timeline-role,.education-school,.skill-category-title,.about-character-card .character-name,.footer-brand{background:linear-gradient(135deg,#fff 40%,#34d399 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .5s;display:inline-block}body.light-mode .section-title,body.light-mode .journey-timeline-title,body.light-mode .timeline-role,body.light-mode .education-school,body.light-mode .skill-category-title,body.light-mode .about-character-card .character-name,body.light-mode .footer-brand{background:linear-gradient(135deg,#101f20 35%,#5e9391 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}