@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--miq-black:#18181b;--miq-white:#fafafa;--miq-violet-400:#a78bfa;--miq-violet-500:#7c3aed;--miq-violet-600:#6d28d9;--miq-gray-50:#f4f4f5;--miq-gray-100:#e4e4e7;--miq-gray-200:#d4d4d8;--miq-gray-400:#a1a1aa;--miq-gray-500:#71717a;--miq-gray-600:#52525b;--miq-surface-900:#0c0c0e;--miq-surface-800:#18181b;--miq-surface-700:#1f1f23;--miq-surface-600:#27272a;--miq-glass-bg:#1f1f2399;--miq-glass-border:#ffffff14;--miq-glass-blur:16px;--miq-gradient-border:linear-gradient(135deg,#7c3aed4d,#a78bfa1a,#7c3aed33);--miq-glow-violet:0 0 40px #7c3aed40;--miq-glow-violet-strong:0 0 80px #7c3aed66;--miq-neural-node:#a78bfa99;--miq-neural-line:#7c3aed26;--miq-neural-glow:#7c3aed4d;--miq-cyber-bg:#09090b;--miq-cyber-border:#bd93f9;--miq-cyber-glow:0 0 20px #bd93f926;--miq-cyber-text:#f8f8f2;--miq-cyber-comment:#6272a4;--miq-cyber-pink:#ff79c6;--miq-cyber-green:#50fa7b;--miq-cyber-cyan:#8be9fd;--miq-cyber-yellow:#f1fa8c;--miq-error:#ef4444;--miq-error-light:#fee2e2;--miq-error-dark:#dc2626;--miq-warning:#f59e0b;--miq-warning-light:#fef3c7;--miq-warning-lighter:#fde68a;--miq-warning-dark:#d97706;--miq-warning-darker:#b45309;--miq-warning-text:#92400e;--miq-warning-text-secondary:#a16207;--miq-success:#10b981;--miq-success-light:#d1fae5;--miq-success-dark:#059669;--miq-info:#3b82f6;--miq-info-light:#dbeafe;--miq-info-dark:#2563eb;--color-primary:var(--miq-black);--color-accent:var(--miq-violet-500);--color-accent-hover:var(--miq-violet-600);--color-accent-light:#ede9fe;--color-background:var(--miq-white);--color-surface:var(--miq-gray-50);--color-border:var(--miq-gray-100);--color-border-strong:var(--miq-gray-200);--color-text-primary:var(--miq-black);--color-text-secondary:var(--miq-gray-500);--color-text-muted:var(--miq-gray-400);--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-display:48px;--font-size-h1:36px;--font-size-h2:28px;--font-size-h3:22px;--font-size-h4:18px;--font-size-body:16px;--font-size-body-sm:14px;--font-size-caption:12px;--font-size-code:14px;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0px;--radius-sm:4px;--radius-default:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px #0000000d;--shadow-default:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-focus-violet:0 0 0 3px #7c3aed33;--shadow-focus-error:0 0 0 3px #ef444433;--shadow-focus-success:0 0 0 3px #10b98133;--shadow-violet-glow:0 4px 14px #7c3aed40;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:1000;--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-elastic:cubic-bezier(.68,-.55,.265,1.55);--duration-instant:0s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--duration-slowest:.8s;--transition-default:all var(--duration-normal)var(--ease-default);--transition-fast:all var(--duration-fast)var(--ease-default);--transition-slow:all var(--duration-slow)var(--ease-default);--transition-color:color var(--duration-fast)var(--ease-default);--transition-bg:background-color var(--duration-fast)var(--ease-default);--transition-transform:transform var(--duration-normal)var(--ease-default);--transition-opacity:opacity var(--duration-normal)var(--ease-default);--transition-shadow:box-shadow var(--duration-fast)var(--ease-default);--transition-border:border-color var(--duration-fast)var(--ease-default)}
@keyframes miq-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes miq-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes miq-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes miq-slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes miq-slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes miq-slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes miq-slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes miq-slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes miq-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes miq-scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes miq-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes miq-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes miq-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}@keyframes miq-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes miq-arcFill{0%{stroke-dashoffset:283px}to{stroke-dashoffset:var(--arc-offset,141)}}@keyframes miq-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes miq-neural-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes miq-glow-breathe{0%,to{box-shadow:var(--miq-glow-violet)}50%{box-shadow:var(--miq-glow-violet-strong)}}@keyframes miq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.miq-animate-fadeIn{animation:miq-fadeIn var(--duration-normal)var(--ease-out)}.miq-animate-fadeOut{animation:miq-fadeOut var(--duration-fast)var(--ease-in)}.miq-animate-slideInUp{animation:miq-slideInUp var(--duration-slow)var(--ease-out)}.miq-animate-slideInDown{animation:miq-slideInDown var(--duration-slow)var(--ease-out)}.miq-animate-slideInLeft{animation:miq-slideInLeft var(--duration-normal)var(--ease-out)}.miq-animate-slideInRight{animation:miq-slideInRight var(--duration-normal)var(--ease-out)}.miq-animate-scaleIn{animation:miq-scaleIn var(--duration-normal)var(--ease-bounce)}.miq-animate-scaleOut{animation:miq-scaleOut var(--duration-fast)var(--ease-in)}.miq-animate-spin{animation:.8s linear infinite miq-spin}.miq-animate-pulse{animation:miq-pulse 2s var(--ease-default)infinite}.miq-animate-bounce{animation:1s infinite miq-bounce}.miq-animate-wiggle{animation:.3s ease-in-out miq-wiggle}.miq-animate-neural-pulse{animation:miq-neural-pulse 3s var(--ease-default)infinite}.miq-animate-glow-breathe{animation:miq-glow-breathe 4s var(--ease-default)infinite}.miq-animate-float{animation:miq-float 6s var(--ease-default)infinite}.miq-skeleton{background:linear-gradient(90deg,var(--miq-gray-100)0%,var(--miq-gray-50)50%,var(--miq-gray-100)100%);background-size:200% 100%;animation:1.5s infinite miq-shimmer}.miq-modal-enter{animation:miq-fadeIn var(--duration-slow)var(--ease-out),miq-scaleIn var(--duration-slow)var(--ease-out)}.miq-modal-exit{animation:miq-fadeOut var(--duration-normal)var(--ease-in),miq-scaleOut var(--duration-normal)var(--ease-in)}.miq-toast-enter{animation:miq-slideInRight .3s var(--ease-out)}.miq-toast-exit{animation:miq-fadeOut .2s var(--ease-in)}.miq-dropdown-enter{animation:miq-fadeIn var(--duration-fast)var(--ease-out),miq-slideInDown var(--duration-fast)var(--ease-out)}.miq-dropdown-exit{animation:miq-fadeOut var(--duration-fast)var(--ease-in)}.miq-hover-lift{transition:var(--transition-transform),var(--transition-shadow)}.miq-hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.miq-hover-lift:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.miq-hover-card{transition:var(--transition-transform),var(--transition-shadow)}.miq-hover-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.miq-hover-scale{transition:var(--transition-transform)}.miq-hover-scale:hover{transform:scale(1.02)}.miq-hover-scale:active{transform:scale(.98)}.miq-hover-glow{transition:var(--transition-shadow)}.miq-hover-glow:hover{box-shadow:var(--shadow-violet-glow)}.miq-focus-ring:focus-visible{box-shadow:var(--shadow-focus-violet);outline:none}.miq-focus-ring-error:focus-visible{box-shadow:var(--shadow-focus-error);outline:none}.miq-focus-ring-success:focus-visible{box-shadow:var(--shadow-focus-success);outline:none}.miq-stagger-children>*{animation:miq-fadeIn var(--duration-normal)var(--ease-out)backwards}.miq-stagger-children>:first-child{animation-delay:0s}.miq-stagger-children>:nth-child(2){animation-delay:50ms}.miq-stagger-children>:nth-child(3){animation-delay:.1s}.miq-stagger-children>:nth-child(4){animation-delay:.15s}.miq-stagger-children>:nth-child(5){animation-delay:.2s}.miq-stagger-children>:nth-child(6){animation-delay:.25s}.miq-stagger-children>:nth-child(7){animation-delay:.3s}.miq-stagger-children>:nth-child(8){animation-delay:.35s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.miq-hover-lift:hover,.miq-hover-card:hover,.miq-hover-scale:hover{transform:none}}
:root{--font-heading:var(--font-display);--section-padding-y:var(--space-12);--section-padding-y-mobile:var(--space-8);--container-max-width:1200px;--container-padding:var(--space-6);--color-trust:var(--miq-violet-600);--color-trust-light:var(--color-accent-light)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}a{color:inherit;transition:var(--transition-color);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-code);padding:.1rem .4rem}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--section-padding-y)0}@media (max-width:768px){.section{padding:var(--section-padding-y-mobile)0}}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}.h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}.h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.display{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}@media (max-width:768px){.h1{font-size:var(--font-size-h2)}.h2{font-size:var(--font-size-h3)}.h3{font-size:var(--font-size-h4)}.display{font-size:var(--font-size-h1)}body{font-size:var(--font-size-body-sm)}}.btn{justify-content:center;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--font-weight-semibold);border-radius:var(--radius-default);transition:var(--transition-fast);display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--miq-white);padding:var(--space-4)var(--space-8);font-size:var(--font-size-body);box-shadow:var(--shadow-default)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:focus-visible{box-shadow:var(--shadow-focus-violet);outline:none}.btn-secondary{border:2px solid var(--color-text-primary);color:var(--color-text-primary);padding:var(--space-3)var(--space-6);background-color:#0000}.btn-secondary:hover{background-color:var(--color-text-primary);color:var(--miq-white)}.btn-secondary:focus-visible{box-shadow:var(--shadow-focus-violet);outline:none}.btn-large{padding:var(--space-5)var(--space-10);font-size:var(--font-size-h4)}.badge{align-items:center;gap:var(--space-2);background:var(--color-accent-light);color:var(--color-accent);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);display:inline-flex}.card{background:var(--miq-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-default)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.animate-on-scroll{opacity:0;transition:opacity var(--duration-slower)var(--ease-out),transform var(--duration-slower)var(--ease-out);transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transition:none;transform:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent-light);color:var(--color-accent)}.section-dark{background-color:var(--miq-surface-800);color:var(--miq-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--miq-white)}.section-dark p{color:var(--miq-gray-400)}.section-dark a{color:var(--miq-violet-400)}.section-dark a:hover{color:var(--miq-violet-500)}.card-glass{background:var(--miq-glass-bg);border:1px solid var(--miq-glass-border);-webkit-backdrop-filter:blur(var(--miq-glass-blur));backdrop-filter:blur(var(--miq-glass-blur));border-radius:var(--radius-lg)}.card-glass-gradient{background:var(--miq-glass-bg);-webkit-backdrop-filter:blur(var(--miq-glass-blur));backdrop-filter:blur(var(--miq-glass-blur));border-radius:var(--radius-lg);border:1px solid #0000;position:relative}.card-glass-gradient:before{content:"";border-radius:inherit;background:var(--miq-gradient-border);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-violet{box-shadow:var(--miq-glow-violet)}.editor-cyberpunk{box-shadow:var(--miq-cyber-glow);background:var(--miq-cyber-bg)!important;border:1px solid var(--miq-cyber-border)!important;color:var(--miq-cyber-text)!important;border-radius:4px!important;font-family:JetBrains Mono,monospace!important}.editor-cyberpunk-header{border-bottom:1px solid #bd93f94d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.editor-cyberpunk-title{color:var(--miq-cyber-border);text-transform:uppercase;letter-spacing:1px;font-size:.875rem;font-weight:700}.editor-cyberpunk-badge{color:var(--miq-cyber-comment);text-transform:uppercase;font-size:.75rem}
