:root{--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--bg-primary:#0a0b10;--bg-secondary:#131520;--surface:#17192699;--surface-border:#262a4066;--accent-primary:#93f;--accent-secondary:#00d4ff;--accent-glow:#9933ff4d;--text-primary:#f2f2f2;--text-secondary:#9da0af;--text-muted:#676b7e;--gradient-glow:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #00000080;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#9933ff0d 0%,#0000 50%),radial-gradient(circle at 90% 80%,#00d4ff0d 0%,#0000 50%);background-attachment:fixed;margin:0;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);box-shadow:var(--glass-shadow);border-radius:12px}.text-gradient{background:var(--gradient-glow);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-glow);color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 14px 0 var(--accent-glow);border:none;border-radius:8px;padding:12px 24px;font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px 0 var(--accent-glow);opacity:.9;transform:translateY(-2px)}a{color:var(--text-primary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--accent-secondary)}.glow-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glow-blob{filter:blur(80px);opacity:.15;mix-blend-mode:screen;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate float;position:absolute}.glow-blob-1{background:var(--accent-primary);top:-100px;right:-100px}.glow-blob-2{background:var(--accent-secondary);animation-delay:-5s;bottom:-100px;left:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.header{z-index:1000;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700}.nav{gap:2rem;display:flex}.nav a{font-size:1rem;font-weight:500}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:6px;display:none}.hamburger span{background-color:var(--text-primary);width:25px;height:2px;transition:var(--transition-smooth);display:block}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-cta{display:none}@media (width<=768px){.hamburger{display:flex}.cta{display:none}.nav{background:var(--bg-secondary);width:70%;height:100vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-left:1px solid var(--surface-border);flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:all .3s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.nav-active{right:0}.nav a{font-size:1.2rem}.nav-cta{margin-top:1rem;display:block}}.footer{background:var(--bg-secondary);border-top:1px solid var(--surface-border);margin-top:auto;padding:3rem 2rem}.footer-content{max-width:1200px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.9rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--accent-secondary)}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:1rem}}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;animation:20s ease-in-out infinite alternate kenBurns;position:absolute;top:0;left:0}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay{z-index:1;background:linear-gradient(#05050a66 0%,#05050acc 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;padding:2rem;position:relative}.hero-title{letter-spacing:-2px;margin-bottom:1rem;font-size:4rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.5rem}.hero-btns{justify-content:center;gap:1rem;display:flex}.btn-secondary{color:var(--text-primary);border:1px solid var(--surface-border);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:0 0;border-radius:8px;padding:12px 24px;font-weight:600}.btn-secondary:hover{background:var(--surface);border-color:var(--accent-secondary);transform:translateY(-2px)}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-btns{flex-direction:column}}.projects-section{text-align:center;background:linear-gradient(to bottom, var(--bg-primary), var(--bg-secondary));padding:5rem 2rem}.section-title{margin-bottom:.5rem;font-size:3rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project-card{flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 20px #0000004d}.project-image{aspect-ratio:16/9;background-position:50% 15%;background-size:cover}.placeholder-bg{color:var(--text-muted);background:linear-gradient(135deg,#1d2030,#0f1119);justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.project-info{text-align:left;background:var(--surface);flex-direction:column;flex-grow:1;gap:.5rem;padding:1.5rem;display:flex}.project-info h3{color:var(--text-primary);margin:0;font-size:1.4rem}.project-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.status{border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.8rem;font-weight:600}.status-live{color:#6f9;background:#00ff5526}.status-soon{color:var(--text-muted);background:#73778c26}@media (width<=768px){.section-title{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}}.tech-section{text-align:center;background:var(--bg-primary);padding:5rem 2rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1000px;margin:0 auto;display:grid}.tech-card{text-align:left;flex-direction:column;gap:1rem;padding:3rem 2rem;transition:border-color .3s,box-shadow .3s;display:flex}.tech-card:hover{border-color:var(--accent-secondary);box-shadow:0 0 30px var(--accent-glow)}.tech-number{color:var(--accent-secondary);opacity:.3;font-family:monospace;font-size:3rem;font-weight:800}.tech-card h3{color:var(--text-primary);margin:0;font-size:1.8rem}.tech-divider{background:var(--gradient-glow);width:60px;height:2px}.tech-card p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8}@media (width<=768px){.tech-grid{grid-template-columns:1fr;gap:2rem}}.project-detail-page{background:var(--bg-primary);color:var(--text-primary)}.back-nav{z-index:1001;position:fixed;top:80px;left:2rem}.back-nav a{color:var(--text-secondary);background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);border-radius:20px;padding:8px 16px;font-weight:600}.back-nav a:hover{color:var(--accent-secondary);border-color:var(--accent-secondary);transform:translate(-5px)}.detail-hero{text-align:center;background-position:50% 15%;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.detail-hero .hero-overlay{z-index:1;background:linear-gradient(#05050a4d 0%,#05050ae6 100%);position:absolute;inset:0}.detail-hero .hero-content{z-index:2;position:relative}.detail-content{z-index:2;flex-direction:column;gap:2.5rem;max-width:800px;margin:-50px auto 5rem;padding:3rem;display:flex;position:relative}.content-section h2{background:var(--gradient-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.8rem}.content-section p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.8}.characters-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.char-card{border:1px solid var(--surface-border);transition:var(--transition-smooth);background:#13152080;border-radius:8px;padding:1.5rem}.char-card:hover{border-color:var(--accent-primary);transform:translateY(-3px)}.char-card h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem}.char-card p{margin:0;font-size:.95rem;line-height:1.6}@media (width<=768px){.detail-content{margin:-20px 1rem 5rem;padding:1.5rem}.detail-hero{height:55vh}.back-nav{top:auto;bottom:20px;left:1rem}}.about-page{background:var(--bg-primary);color:var(--text-primary);padding-top:60px}.about-hero{text-align:center;padding:5rem 2rem 3rem}.about-hero .hero-title{margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.about-hero .hero-subtitle{color:var(--text-secondary);font-size:1.5rem}.about-content{flex-direction:column;gap:3rem;max-width:800px;margin:0 auto 5rem;padding:3rem;display:flex}.about-section h2{background:var(--gradient-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.8rem}.about-section p{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.8}@media (width<=768px){.about-content{margin:20px 1rem 5rem;padding:1.5rem}.about-hero .hero-title{font-size:2.5rem}.about-hero .hero-subtitle{font-size:1.2rem}}.custom-cursor{pointer-events:none;z-index:9999;transition:transform 50ms linear,opacity .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-hidden{opacity:0}.cursor-dot{background-color:var(--accent-secondary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-ring{border:2px solid var(--accent-primary);border-radius:50%;width:30px;height:30px;transition:width .2s,height .2s,border-color .2s,background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-clicked .cursor-ring{border-color:var(--accent-secondary);width:20px;height:20px}.cursor-link-hovered .cursor-ring{border-color:var(--accent-secondary);background-color:#00d4ff1a;width:50px;height:50px}@media (width>=769px){body,a,button{cursor:none}}@media (width<=768px){.custom-cursor{display:none}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}