@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#0a0f0a;--bg2:#111811;--surface:#1c261c;--surface2:#222e22;--border:#2a3a2a;--border2:#343;--text:#e8f0e8;--text2:#9daf9d;--text3:#6b7d6b;--green:#4ade80;--green-dim:#22c55e;--green-bg:#4ade8014;--green-border:#4ade8033;--red:#f87171;--red-bg:#f8717114;--amber:#fbbf24}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}::selection{background:#4ade8040}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}textarea,input,select{background:var(--surface);border:1px solid var(--border);color:var(--text);appearance:none;border-radius:10px;outline:none;width:100%;font-family:inherit;transition:border-color .15s}textarea:focus,input:focus,select:focus{border-color:var(--green-dim);box-shadow:0 0 0 3px #4ade8014}textarea::placeholder,input::placeholder{color:var(--text3)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7d6b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px!important}.btn-primary{background:var(--green);color:#0a0f0a;cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{background:#6beb94;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface2);border-color:var(--border2)}.btn-secondary:active{transform:scale(.98)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}@media (min-width:480px){.card{padding:24px}}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-amber{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2433}.divider{border:none;border-top:1px solid var(--border)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width:480px){.container{padding:0 24px}}@media (min-width:768px){.container{padding:0 32px}}.grid-2{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:500px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:480px){.grid-3{grid-template-columns:1fr 1fr}}@media (min-width:700px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.grid-4{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (min-width:700px){.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{background:linear-gradient(90deg, var(--surface) 25%, var(--surface2) 50%, var(--surface) 75%);background-size:936px 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.4s ease-out slideUp}.section{padding:56px 0}@media (min-width:768px){.section{padding:80px 0}}.hero-title{letter-spacing:-.03em;font-size:clamp(30px,7vw,68px);font-weight:800;line-height:1.1}.page-title{letter-spacing:-.03em;font-size:clamp(24px,5vw,40px);font-weight:800}.section-title{letter-spacing:-.02em;font-size:clamp(20px,4vw,28px);font-weight:700}.option-btn{border:1px solid var(--border);background:var(--bg2);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;width:100%;padding:10px 12px;transition:all .15s}.option-btn:hover{border-color:var(--border2);background:var(--surface)}.option-btn.active{border:1.5px solid var(--green-dim);background:var(--green-bg)}.option-btn-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.option-btn.active .option-btn-title{color:var(--green)}.option-btn-desc{color:var(--text3);font-size:11px;display:block}.nav-link{color:var(--text2);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .15s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--green);background:var(--green-bg)}@media (max-width:480px){.nav-link{padding:6px 8px;font-size:13px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
