:root{--radius:.375rem;--background:oklch(17.1% .026 253);--foreground:oklch(97.2% .004 250);--carbon:oklch(10.5% .011 250);--surface:oklch(22.2% .033 253);--surface-2:oklch(26.2% .036 253);--navy:oklch(17.1% .026 253);--steel:oklch(65.5% .018 249);--card:oklch(22.2% .033 253);--card-foreground:oklch(97.2% .004 250);--popover:oklch(22.2% .033 253);--popover-foreground:oklch(97.2% .004 250);--primary:oklch(58.1% .221 265);--primary-foreground:oklch(99% .003 250);--secondary:oklch(22.2% .033 253);--secondary-foreground:oklch(97.2% .004 250);--muted:oklch(26.2% .036 253);--muted-foreground:oklch(71.5% .017 250);--accent:oklch(85.8% .166 88);--accent-foreground:oklch(15% .02 253);--cyan:oklch(74.1% .113 214);--destructive:oklch(62% .23 25);--destructive-foreground:oklch(99% .003 250);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.14);--ring:oklch(58.1% .221 265);--glass-bg:oklch(100% 0 0/.04);--glass-border:oklch(100% 0 0/.08);--chart-1:oklch(58.1% .221 265);--chart-2:oklch(85.8% .166 88);--chart-3:oklch(65.5% .018 249);--chart-4:oklch(74.1% .113 214);--chart-5:oklch(45% .1 262);--sidebar:oklch(22.2% .033 253);--sidebar-foreground:oklch(97.2% .004 250);--sidebar-primary:oklch(58.1% .221 265);--sidebar-primary-foreground:oklch(99% .003 250);--sidebar-accent:oklch(26.2% .036 253);--sidebar-accent-foreground:oklch(97.2% .004 250);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(58.1% .221 265);--gradient-hero:radial-gradient(120% 90% at 15% 0%, var(--primary) 0%, transparent 58%), radial-gradient(70% 60% at 90% 10%, var(--cyan) 0%, transparent 60%), linear-gradient(160deg, var(--background) 0%, var(--carbon) 85%);--radius-lg:calc(var(--radius) * 2);--shadow:0 10px 30px oklch(0% 0 0/.35);--shadow-glow:0 20px 50px oklch(0% 0 0/.45), 0 0 0 1px oklch(58.1% .221 265/.35), 0 0 40px oklch(58.1% .221 265/.18);--ease:cubic-bezier(.22, .9, .3, 1);--grid-line:oklch(100% 0 0/.045);--grid-line-strong:oklch(100% 0 0/.08);--grid-size:56px;--grid-lines:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);--grid-lines-strong:linear-gradient(var(--grid-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-strong) 1px, transparent 1px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--foreground);background:var(--background);scroll-behavior:smooth;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);-webkit-font-smoothing:antialiased;background:0 0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:var(--grid-lines);background-size:var(--grid-size) var(--grid-size);background-position:top;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 75% at 50% 40%,#000 35%,#0000 100%);mask-image:radial-gradient(90% 75% at 50% 40%,#000 35%,#0000 100%)}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(40% 35% at 85% 20%,oklch(74.1% .113 214/.07),#0000 70%),radial-gradient(45% 40% at 10% 80%,oklch(58.1% .221 265/.08),#0000 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--primary);color:var(--primary-foreground)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--carbon)}::-webkit-scrollbar-thumb{background:var(--surface-2);border:2px solid var(--carbon);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--steel)}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}.page{animation:.25s ease-out page-in}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.section{padding:88px 0;position:relative}.section-alt{background:0 0}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.eyebrow:before,.eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan));width:28px;height:1px}.eyebrow:after{transform:scaleX(-1)}.section-title{letter-spacing:-.02em;text-align:center;margin-bottom:12px;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.2}.section-subtitle{color:var(--muted-foreground);text-align:center;max-width:640px;margin:0 auto 48px}.text-gradient{background:linear-gradient(100deg, var(--foreground) 10%, var(--cyan) 55%, var(--primary) 95%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite alternate gradient-pan}.btn{border-radius:var(--radius);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, border-color .25s;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";width:50%;height:100%;transition:left .6s var(--ease);background:linear-gradient(100deg,#0000,oklch(100% 0 0/.25),#0000);position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn:hover:after{left:130%}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--primary), oklch(52% .2 268));color:var(--primary-foreground);box-shadow:0 8px 24px oklch(58.1% .221 265/.35)}.btn-primary:hover{box-shadow:0 12px 32px oklch(58.1% .221 265/.5)}.btn-outline{background:var(--glass-bg);border-color:var(--input);color:var(--foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--steel);background:oklch(100% 0 0/.08)}.btn-accent{background:var(--accent);color:var(--accent-foreground)}.btn-accent:hover{box-shadow:0 12px 32px oklch(85.8% .166 88/.35)}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{isolation:isolate;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);background:linear-gradient(oklch(22.2% .033 253/.9),oklch(19% .03 253/.9));padding:24px;position:relative}.card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), oklch(58.1% .221 265/.16), transparent 45%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none;position:absolute;inset:0}.card:hover{box-shadow:var(--shadow-glow);border-color:oklch(58.1% .221 265/.45)}.card:hover:before{opacity:1}.card h3{letter-spacing:-.01em;margin-bottom:8px}.card p{color:var(--muted-foreground)}.card-lift:hover{transform:translateY(-6px)}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.placeholder-img{background:var(--grid-lines), radial-gradient(80% 80% at 20% 0%, oklch(58.1% .221 265/.45), transparent 70%), linear-gradient(160deg, var(--surface-2), var(--carbon));border:1px solid var(--glass-border);color:var(--muted-foreground);text-align:center;border-radius:var(--radius-lg);aspect-ratio:4/3;transition:transform .6s var(--ease), color .3s;background-size:28px 28px,28px 28px,auto,auto;justify-content:center;align-items:center;padding:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.card:hover .placeholder-img,.gallery-item:hover .placeholder-img{color:var(--foreground)}.img-frame{border-radius:var(--radius-lg);margin-bottom:8px;overflow:hidden}.img-frame img{transition:transform .6s var(--ease)}.card:hover .img-frame .placeholder-img,.card:hover .img-frame img{transform:scale(1.06)}.tag{color:var(--accent);background:oklch(85.8% .166 88/.12);border:1px solid oklch(85.8% .166 88/.3);border-radius:999px;align-self:flex-start;margin-bottom:8px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--input);border-radius:var(--radius);font:inherit;background:var(--glass-bg);color:var(--foreground);padding:11px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:oklch(100% 0 0/.22)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--ring);background:oklch(100% 0 0/.06);outline:none;box-shadow:0 0 0 4px oklch(58.1% .221 265/.22)}[data-reveal]:not([data-visible]){opacity:0}[data-reveal][data-visible]{animation:reveal-up .8s var(--ease) var(--reveal-delay,0s) backwards}[data-reveal=down][data-visible]{animation-name:reveal-down}[data-reveal=left][data-visible]{animation-name:reveal-left}[data-reveal=right][data-visible]{animation-name:reveal-right}[data-reveal=zoom][data-visible]{animation-name:reveal-zoom}@keyframes reveal-up{0%{opacity:0;transform:translateY(32px)}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-32px)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-40px)}}@keyframes reveal-right{0%{opacity:0;transform:translate(40px)}}@keyframes reveal-zoom{0%{opacity:0;transform:scale(.92)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}}@keyframes page-in{0%{opacity:0}}@keyframes gradient-pan{to{background-position:200%}}@media (width<=960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:64px 0}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important}}.ab,.in,.wy,.cm,.hg,.ct,.fn{content-visibility:auto;contain-intrinsic-size:auto 900px}
