@tailwind base;@tailwind components;@tailwind utilities;:root{--color-brand: #16a34a;--color-primary: #16a34a;--color-primary-hover: #149343;--color-button-primary-text: #ffffff;--color-bg-page: #f9fafb;--color-bg-card: #ffffff;--color-bg-sidebar: #ffffff;--color-bg-subtle: #f3f4f6;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-text-accent: #22c55e;--color-button-secondary-bg: #f3f4f6;--color-button-secondary-text: #1f2937;--color-button-secondary-border: #e5e7eb;--color-button-secondary-bg-hover: #e5e7eb;--color-success: #16a34a;--color-warning: #f59e0b;--color-info: #3b82f6;--color-danger: #dc2626;--color-neon: #37F523}.dark{--color-brand: #37F523;--color-primary: #37F523;--color-primary-hover: #2ed61b;--color-button-primary-text: #000000;--color-bg-page: #000000;--color-bg-card: #0a0a0a;--color-bg-sidebar: #111111;--color-bg-subtle: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-border: #222222;--color-button-secondary-bg: #1a1a1a;--color-button-secondary-text: #e5e7eb;--color-button-secondary-border: #333333;--color-button-secondary-bg-hover: #2a2a2a}html{scroll-behavior:smooth;height:100%}html,body,#root{touch-action:manipulation;-webkit-text-size-adjust:100%;overflow-x:hidden;height:100%;min-height:100vh;margin:0;padding:0;background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:Poppins,sans-serif}.container-box{width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;max-width:1280px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slow-spin{animation:slow-spin 60s linear infinite}.mask-image-gradient{mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dot-grid-background{background-color:var(--color-bg-page);background-image:radial-gradient(hsla(0,0%,50%,.3) 1px,transparent 0);background-size:20px 20px}.dark .dot-grid-background{background-image:radial-gradient(hsla(0,0%,50%,.15) 1px,transparent 0)}.phone-mockup{position:relative;width:clamp(240px,30vw,320px);aspect-ratio:9 / 19.5;max-height:90vh;border:14px solid #111;border-radius:40px;box-shadow:0 25px 50px -12px #0006;background:#333;padding:4px;z-index:1}.dark .phone-mockup{border-color:#000;background:#111}.phone-screen{width:100%;height:100%;background:var(--color-bg-card);border-radius:26px;overflow:hidden;position:relative}.plus-deco{position:absolute;font-size:2rem;font-weight:700;color:var(--color-primary);opacity:.1;z-index:0}.phone-preview-container{position:sticky;top:6rem;display:flex;flex-direction:column;align-items:center;padding-top:2rem;padding-bottom:2rem}.phone-preview-frame{width:300px;height:610px;background:#1a1a1a;border-radius:40px;padding:10px;box-shadow:0 20px 40px #0000004d,inset 0 2px 4px #ffffff1a;position:relative}.phone-preview-screen{background:#000;width:100%;height:100%;border-radius:30px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-preview-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:24px;background:#1a1a1a;border-radius:0 0 15px 15px;z-index:10}