@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary-rgb:15, 23, 42;--secondary-rgb:13, 148, 136;--emerald-rgb:16, 185, 129;--rose-rgb:244, 63, 94;--warning-rgb:245, 158, 11;--accent-rgb:56, 189, 248;--primary:rgb(var(--primary-rgb));--secondary:rgb(var(--secondary-rgb));--emerald:rgb(var(--emerald-rgb));--rose:rgb(var(--rose-rgb));--warning:rgb(var(--warning-rgb));--accent:rgb(var(--accent-rgb));--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-serif:"Lora", Georgia, serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 2px 4px #00000005, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #00000006;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #00000008;--shadow-glow:0 0 40px rgba(var(--secondary-rgb), .15);--width-container:1200px;--bg-app:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-navbar:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0cc;--border-hover:#cbd5e1e6;--glass-bg:#fff9;--glass-border:#fffc;--input-bg:#f1f5f9b3}[data-theme=dark]{--bg-app:#020617;--bg-card:#0f172a99;--bg-card-hover:#1e293bcc;--bg-navbar:#020617bf;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--border-color:#1e293bcc;--border-hover:#334155e6;--glass-bg:#0f172a66;--glass-border:#1e293b99;--input-bg:#0f172a80;--shadow-glow:0 0 50px rgba(var(--secondary-rgb), .2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;transition:background-color .5s,color .5s;position:relative;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(at 0% 0%, rgba(var(--accent-rgb), .08) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(var(--secondary-rgb), .08) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(var(--primary-rgb), .04) 0px, transparent 50%);z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}body:after{content:"";background-image:linear-gradient(rgba(var(--border-color), .3) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--border-color), .3) 1px, transparent 1px);z-index:-3;pointer-events:none;background-size:60px 60px;width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--width-container);margin:0 auto;padding:0 32px}.section{padding:140px 0;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;font-weight:700;line-height:1.2}.section-title{font-family:var(--font-serif)!important}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding:.05em .15em}[data-theme=dark] .text-gradient{background:linear-gradient(135deg, #fff 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);width:100%;height:100%;position:absolute;top:0;left:0}.card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);border-color:rgba(var(--secondary-rgb), .3);transform:translateY(-6px)scale(1.01)}.card>*{z-index:1;position:relative}.btn{font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);letter-spacing:.02em;outline:none;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #1e293b 100%);color:#fff;box-shadow:0 8px 20px rgba(var(--primary-rgb), .2);border:none;padding:14px 32px;position:relative;overflow:hidden}[data-theme=dark] .btn-primary{color:var(--primary);background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);box-shadow:0 8px 20px #ffffff1a}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:0 12px 28px rgba(var(--primary-rgb), .3);transform:translateY(-2px)}[data-theme=dark] .btn-primary:hover{box-shadow:0 12px 28px #fff3}.btn-primary:hover:after{left:100%}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:14px 32px}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-secondary);transform:translateY(-2px)}.form-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:var(--text-primary);transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:16px 20px;font-size:15px}.form-input:focus{border-color:var(--secondary);background:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--secondary-rgb), .1)}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.live-pulse{background-color:var(--emerald);width:10px;height:10px;box-shadow:0 0 10px var(--emerald);border-radius:50%;display:inline-block;position:relative}.live-pulse:after{content:"";border:2px solid var(--emerald);opacity:0;border-radius:50%;animation:2s cubic-bezier(.16,1,.3,1) infinite pulse-ring;position:absolute;inset:-6px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@media (width<=640px){.container{padding:0 20px}}