:root{--background: 220 20% 4%;--foreground: 210 20% 90%;--card: 215 28% 10%;--card-foreground: 210 20% 90%;--primary: 0 0% 82%;--primary-foreground: 0 0% 8%;--secondary: 220 15% 14%;--secondary-foreground: 210 20% 85%;--muted: 220 15% 10%;--muted-foreground: 215 8% 46%;--accent: 215 8% 52%;--accent-foreground: 215 15% 92%;--border: 220 15% 14%;--radius: .5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Space Grotesk,system-ui,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));scroll-behavior:smooth;overflow-x:hidden}body{min-height:100dvh;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;line-height:1.6}::selection{background:#cb4d4d4d}.glow-red{box-shadow:0 0 40px -10px hsl(var(--primary) / .4)}.glow-accent{box-shadow:0 0 40px -10px hsl(var(--accent) / .4)}.border-glow{border-color:hsl(var(--primary) / .3);box-shadow:0 0 20px -8px hsl(var(--primary) / .2)}.text-gradient-signal{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#d45469,#74ade7)}.font-mono{font-family:JetBrains Mono,monospace}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;overflow:hidden;background:hsl(var(--background));-webkit-background-clip:border-box;background-clip:border-box;clip:rect(0,9999px,0,0)}.glitch:before{left:2px;color:hsl(var(--accent));text-shadow:-1px 0 hsl(var(--primary))}.glitch:after{left:-2px;color:hsl(var(--primary));text-shadow:1px 0 hsl(var(--accent))}.glitch.glitching:before{animation:glitch-effect .3s linear alternate-reverse}.glitch.glitching:after{animation:glitch-effect .2s linear alternate-reverse}@keyframes glitch-effect{0%{clip:rect(83px,9999px,58px,0)}5%{clip:rect(45px,9999px,31px,0)}10%{clip:rect(29px,9999px,67px,0)}15%{clip:rect(81px,9999px,2px,0)}20%{clip:rect(2px,9999px,32px,0)}25%{clip:rect(35px,9999px,47px,0)}30%{clip:rect(10px,9999px,20px,0)}35%{clip:rect(66px,9999px,91px,0)}40%{clip:rect(84px,9999px,29px,0)}45%{clip:rect(58px,9999px,65px,0)}50%{clip:rect(82px,9999px,68px,0)}55%{clip:rect(79px,9999px,37px,0)}60%{clip:rect(73px,9999px,54px,0)}65%{clip:rect(30px,9999px,87px,0)}70%{clip:rect(82px,9999px,47px,0)}75%{clip:rect(82px,9999px,88px,0)}80%{clip:rect(37px,9999px,49px,0)}85%{clip:rect(70px,9999px,57px,0)}90%{clip:rect(85px,9999px,90px,0)}95%{clip:rect(49px,9999px,66px,0)}to{clip:rect(65px,9999px,56px,0)}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay, 0ms)}[data-reveal].revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none;transition:none}}:focus-visible{outline:2px solid hsl(var(--primary) / .6);outline-offset:3px}.hero-logo{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;margin:1.75rem 0;overflow:visible;position:relative}.logo-canvas-frame{position:relative;overflow:visible}#logo-canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(.6px);opacity:.85}.dot-controls{display:flex;flex-direction:column;gap:.35rem;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:hsl(var(--bg) / .7);border:1px solid hsl(var(--fg) / .15);border-radius:6px;padding:.5rem .6rem;backdrop-filter:blur(8px);white-space:nowrap}.dot-controls.visible{opacity:1;pointer-events:auto}.dot-ctrl-row{display:flex;align-items:center;gap:.35rem}.dot-ctrl-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:hsl(var(--fg) / .5);width:3.8rem}.dot-ctrl-val{font-family:JetBrains Mono,monospace;font-size:.8rem;color:hsl(var(--fg));min-width:2.5rem;text-align:center}.dot-controls button{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1;width:1.75rem;height:1.75rem;background:transparent;color:hsl(var(--fg));border:1px solid hsl(var(--fg) / .2);border-radius:4px;cursor:pointer}.dot-controls button:hover{background:hsl(var(--fg) / .1)}#cloudCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;image-rendering:auto}.main-content{position:relative;z-index:1}.section-label{font-family:JetBrains Mono,monospace;font-size:.85rem;color:hsl(var(--accent));margin-bottom:1rem;letter-spacing:.02em}.section-heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;margin-bottom:1rem;color:hsl(var(--foreground))}.section-subtitle{color:hsl(var(--muted-foreground));font-size:1.05rem;line-height:1.7;max-width:38rem;text-shadow:0 0 12px #020b12,0 0 24px #020b12}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;max-width:72rem;margin:0 auto;position:relative}.hero-overlay{position:absolute;top:3rem;left:2rem;right:2rem;pointer-events:none}.hero-text{max-width:72rem;margin:0 auto;padding:6rem 2rem 4rem}.hero-status{display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:1rem;text-shadow:0 0 12px #020b12,0 0 24px #020b12}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c35d;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #22c35d66}50%{opacity:.7;box-shadow:0 0 0 6px #22c35d00}}.hero-tagline{font-family:JetBrains Mono,monospace;font-size:clamp(.75rem,1.2vw,.9rem);color:#5380ac;margin-bottom:1.25rem;letter-spacing:.04em;text-shadow:0 0 12px #020b12,0 0 24px #020b12}.hero-heading{font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-subtitle{color:hsl(var(--muted-foreground));font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;max-width:36rem;margin-bottom:2.5rem;text-shadow:0 0 12px #020b12,0 0 24px #020b12}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:var(--radius);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);border:1px solid transparent}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 0 40px -10px hsl(var(--primary) / .4)}.btn-primary:hover{background:#74ade7;color:#121821;box-shadow:0 0 40px -8px #74ade780;transform:translateY(-2px)}.btn-outline{background:transparent;color:hsl(var(--foreground));border-color:hsl(var(--primary) / .3);box-shadow:0 0 20px -8px hsl(var(--primary) / .2)}.btn-outline:hover{border-color:hsl(var(--primary) / .6);box-shadow:0 0 30px -6px hsl(var(--primary) / .3);transform:translateY(-2px)}.hero-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;font-family:JetBrains Mono,monospace;font-size:.72rem;color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));padding-top:1.25rem;margin-top:auto;text-shadow:0 0 12px #020b12,0 0 24px #020b12;white-space:nowrap}.hero-bar-indicators{display:flex;gap:1.5rem}.hero-bar-indicator{display:flex;align-items:center;gap:.4rem}.indicator-dot{width:6px;height:6px;border-radius:50%}.indicator-dot--red{background:#96cde9}.indicator-dot--teal{background:#5a9ee2}.indicator-dot--yellow{background:#3d5cb8}.about{max-width:72rem;margin:0 auto;padding:6rem 2rem}.about-header{margin-bottom:3rem}.about-description{color:hsl(var(--muted-foreground));font-size:1.05rem;line-height:1.7;max-width:38rem;margin-top:1rem;text-shadow:0 0 12px #020b12,0 0 24px #020b12}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3.5rem}.about-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.75rem;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:1}.about-card:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),hsl(0 0% 100% / .07),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:var(--radius)}.about-card--red:before{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary) / .2))}.about-card--teal:before{background:linear-gradient(90deg,hsl(var(--accent)),hsl(var(--accent) / .2))}.about-card:hover{transform:translateY(-4px);border-color:hsl(var(--border) / .6)}.about-card:hover:after{opacity:1}.about-card--red:hover{box-shadow:0 0 40px -10px #74ade733}.about-card--teal:hover{box-shadow:0 0 40px -10px #d4546933}.about-card--red:hover:before{background:linear-gradient(90deg,#74ade7,#74ade726)}.about-card--teal:hover:before{background:linear-gradient(90deg,#d45469,#d4546926)}.about-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.2rem}.about-card-icon--red{background:hsl(var(--primary) / .15);color:hsl(var(--primary))}.about-card-icon--teal{background:hsl(var(--accent) / .15);color:hsl(var(--accent))}.about-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--card-foreground));transition:color .3s ease}.about-card--red:hover h3{color:#74ade7}.about-card--teal:hover h3{color:#d45469}.about-card p{font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.6}.about-timeline{display:flex;align-items:center;gap:0;font-family:JetBrains Mono,monospace;font-size:.75rem;color:hsl(var(--muted-foreground));position:relative}.timeline-item{display:flex;align-items:center;gap:0}.timeline-text{white-space:nowrap;padding:0 .75rem}.timeline-arrow{color:hsl(var(--primary) / .5)}.timeline-line{flex:1;height:1px;background:linear-gradient(90deg,hsl(var(--border)),hsl(var(--primary) / .3));margin:0 .75rem;min-width:2rem}.timeline-present{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#74ade7;background:#74ade71a;padding:.2rem .6rem;border-radius:999px;border:1px solid hsl(210 70% 68% / .25);white-space:nowrap}.projects{max-width:72rem;margin:0 auto;padding:6rem 2rem 8rem}.projects-header{margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.75rem;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px)}.project-card--red:hover{border-color:hsl(var(--primary) / .3);box-shadow:0 0 40px -10px hsl(var(--primary) / .2)}.project-card--teal:hover{border-color:hsl(var(--accent) / .3);box-shadow:0 0 40px -10px hsl(var(--accent) / .2)}.project-card--red:hover .project-card-title{color:hsl(var(--primary))}.project-card--teal:hover .project-card-title{color:hsl(var(--accent))}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.project-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.project-card-icon--red{background:hsl(var(--primary) / .15);color:hsl(var(--primary))}.project-card-icon--teal{background:hsl(var(--accent) / .15);color:hsl(var(--accent))}.project-card-category{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px}.project-card-category--red{color:hsl(var(--primary));background:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .2)}.project-card-category--teal{color:hsl(var(--accent));background:hsl(var(--accent) / .1);border:1px solid hsl(var(--accent) / .2)}.project-card-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:hsl(var(--card-foreground));transition:color .3s ease}.project-card-desc{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1.25rem;flex:1}.project-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.project-tag{font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.2rem .55rem;border-radius:999px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border))}.project-card-actions{display:flex;gap:.75rem}.btn-ghost{font-family:JetBrains Mono,monospace;font-size:.75rem;color:hsl(var(--muted-foreground));background:none;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.4rem .85rem;text-decoration:none;cursor:pointer;transition:all .25s ease}.btn-ghost:hover{color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .3);background:hsl(var(--secondary))}@media(max-width:768px){.hero{padding:4rem 1.25rem 3rem}.hero-heading{font-size:clamp(2.2rem,10vw,3.5rem)}.hero-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.about{padding:4rem 1.25rem}.about-cards{grid-template-columns:1fr}.about-timeline{flex-wrap:wrap;gap:.5rem}.timeline-line{display:none}.projects{padding:4rem 1.25rem 6rem}.projects-grid{grid-template-columns:1fr}}#accel-cursor[data-astro-cid-j7pv25f6]{display:none;position:fixed;width:30px;height:30px;border-radius:50%;border:2px solid var(--color-accent);background:#2dd4bf26;box-shadow:0 0 12px #2dd4bf66;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);top:0;left:0}#accel-cursor[data-astro-cid-j7pv25f6].active{display:block}#accel-prompt[data-astro-cid-j7pv25f6]{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#000000b3;color:var(--color-accent);border:1px solid var(--color-accent);padding:.5rem 1.25rem;border-radius:999px;font-size:.8rem;letter-spacing:.05em;pointer-events:none;z-index:9998;white-space:nowrap}#accel-prompt[data-astro-cid-j7pv25f6].visible{display:block}
