@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #9333ea;--primary-dark: #7e22ce;--secondary: #4f46e5;--accent: #f59e0b;--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--white: #ffffff;--border: rgba(255, 255, 255, .1);--gradient-main: linear-gradient(135deg, #9333ea 0%, #4f46e5 100%);--gradient-surface: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(147, 51, 234, .3);--glass-bg: rgba(15, 23, 42, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--white);line-height:1.2}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.section-padding{padding:80px 0}.container-custom{max-width:1200px;margin:0 auto;padding:0 20px}.bg-darker{background-color:var(--bg-darker)}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:0 0 30px #9333ea33;border-color:#9333ea4d}.hero-gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(79,70,229,.15) 0%,transparent 50%);z-index:0;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;font-family:Inter,sans-serif;text-decoration:none}.btn-primary{background:var(--gradient-main);color:var(--white);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #9333ea80}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:#9333ea1a}.btn-block{width:100%}@media (min-width: 768px){.md\:flex{display:flex!important}.md\:inline-flex{display:inline-flex!important}.md\:hidden{display:none!important}}.modal-content{background-color:var(--bg-card);padding:40px;border-radius:16px;width:90%;max-width:500px;border:1px solid var(--border);position:relative;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.form-group{margin-bottom:20px}.form-label{display:block;color:var(--white);font-weight:500;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--white);font-size:1rem;outline:none;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #9333ea33}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-dark) inset!important;-webkit-text-fill-color:var(--white)!important}