@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-dark:#f4f6fb;--color-dark-2:#fff;--color-dark-3:#dde1ef;--color-light:#f4f6fb;--color-light-2:#eaecf4;--color-white:#fff;--color-accent-1:#d4a900;--color-accent-2:#3b7de8;--color-accent-3:#e03c3c;--color-accent-soft:#e8f0ff;--text-primary-dark:#0b0f1a;--text-secondary-dark:#5a6380;--text-primary-light:#0b0f1a;--text-secondary-light:#5a6380;--text-muted:#8892aa;--font-display:"Poppins", sans-serif;--font-body:"DM Sans", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:3.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 2px 8px #0b0f1a14;--shadow-md:0 4px 20px #0b0f1a1f;--shadow-lg:0 8px 40px #0b0f1a2e;--shadow-glow:0 0 32px #4f8ef740;--shadow-yellow:0 0 24px #f5c51859;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--container-sm:680px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#0b0f1a;font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;background-color:#f4f6fb;line-height:1.6}#root{width:100%;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{max-width:var(--container-max);padding:0 var(--space-8);margin:0 auto}.section{padding:var(--space-20) var(--space-8);max-width:var(--container-max);margin:0 auto}.section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-2);margin-bottom:var(--space-3);display:block}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem, 4vw, var(--text-3xl));font-weight:var(--weight-extrabold);color:var(--text-primary-dark);margin-bottom:var(--space-4);line-height:1.15}.section-title .accent{color:var(--color-accent-1)}.section-desc{font-size:var(--text-md);color:var(--text-secondary-dark);max-width:600px;margin-bottom:var(--space-12);line-height:1.7}.section-divider{border:none;border-top:1px solid var(--color-dark-3);margin:0}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;padding:5px 14px;display:inline-flex}.badge-yellow{color:#9a7800;background:#d4a9001a;border:1px solid #d4a9004d}.badge-blue{color:var(--color-accent-2);background:#3b7de814;border:1px solid #3b7de840}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card-dark{border-radius:var(--radius-lg);padding:var(--space-8);transition:transform var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #dde1ef;box-shadow:0 2px 12px #0b0f1a0f}.card-dark:hover{transform:translateY(-4px);box-shadow:0 8px 32px #3b7de824}.card-icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-5);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.icon-yellow{background:#f5c5181f}.icon-blue{background:#4f8ef71f}.icon-red{background:#ff5c5c1f}.icon-green{background:#34d3991f}.card-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary-dark);margin-bottom:var(--space-3)}.card-body{font-size:var(--text-sm);color:var(--text-secondary-dark);line-height:1.65}.rule-card{border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);border-left:4px solid var(--color-accent-2);font-size:var(--text-sm);color:var(--text-secondary-light);background:#fff;line-height:1.6;box-shadow:0 2px 8px #0b0f1a0d}.rule-card.warn{border-left-color:var(--color-accent-1)}.rule-card.stop{border-left-color:var(--color-accent-3)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;padding:12px 24px;text-decoration:none;display:inline-flex}.btn-yellow{background:var(--color-accent-1);color:var(--color-dark)}.btn-yellow:hover{box-shadow:var(--shadow-yellow);transform:translateY(-2px)}.btn-outline-light{color:#0b0f1a;background:0 0;border:1.5px solid #dde1ef}.btn-outline-light:hover{background:#0b0f1a0a;transform:translateY(-2px)}.placeholder-block{border-radius:var(--radius-md);padding:var(--space-8) var(--space-10);text-align:center;color:var(--text-muted);font-size:var(--text-sm);background:#f4f6fb;border:1.5px dashed #c5cadb;font-style:italic}.placeholder-block span{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--color-accent-2);font-style:normal;font-weight:var(--weight-semibold);display:block}@keyframes aurora-1{0%{transform:translate(0%)scale(1)}25%{transform:translate(20%,-20%)scale(1.2)}50%{transform:translate(-20%,20%)scale(.8)}75%{transform:translate(10%,-10%)scale(1.1)}to{transform:translate(0%)scale(1)}}@keyframes aurora-2{0%{transform:translate(0%)scale(1)}25%{transform:translate(-20%,20%)scale(1.1)}50%{transform:translate(20%,-20%)scale(.9)}75%{transform:translate(-10%,10%)scale(1.2)}to{transform:translate(0%)scale(1)}}@keyframes word-appear{0%{opacity:0;filter:blur(8px);transform:translateY(20px)scale(.9)}60%{opacity:.9;filter:blur(1px);transform:translateY(4px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes grid-draw{0%{stroke-dashoffset:1000px;opacity:0}50%{opacity:.2}to{stroke-dashoffset:0;opacity:.12}}@keyframes float-dot{0%,to{opacity:.15;transform:translateY(0)translate(0)}25%{opacity:.5;transform:translateY(-12px)translate(6px)}50%{opacity:.3;transform:translateY(-6px)translate(-4px)}75%{opacity:.6;transform:translateY(-18px)translate(8px)}}@keyframes ripple-click{0%{opacity:.8;width:4px;height:4px}to{opacity:0;width:120px;height:120px}}.word{opacity:0;margin-right:.25em;display:inline-block}.word.visible{animation:.8s ease-out forwards word-appear}.grid-line{stroke:#4f8ef726;stroke-width:.5px;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards grid-draw}.floating-dot{background:var(--color-accent-2);opacity:0;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite paused float-dot;position:absolute}@keyframes grad-fg-1{0%,16.667%,to{opacity:1}33.333%,83.333%{opacity:0}}@keyframes grad-fg-2{0%,to{opacity:0}33.333%,50%{opacity:1}16.667%,66.667%{opacity:0}}@keyframes grad-fg-3{0%,50%,to{opacity:0}66.667%,83.333%{opacity:1}}.anim-word{color:#fff;white-space:nowrap;display:inline-block;position:relative}.anim-grad{color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.anim-grad-1{background-image:linear-gradient(90deg,#4f8ef7,#a78bfa);animation:8s infinite grad-fg-1}.anim-grad-2{background-image:linear-gradient(90deg,#f5c518,#fb923c);animation:8s infinite grad-fg-2}.anim-grad-3{background-image:linear-gradient(90deg,#34d399,#4f8ef7);animation:8s infinite grad-fg-3}@media (width<=768px){.section{padding:var(--space-16) var(--space-5)}.container{padding:0 var(--space-5)}}