@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary: #6366F1;--primary-dark: #4F46E5;--secondary: #818CF8;--cta: #10B981;--cta-hover: #059669;--background: #F5F3FF;--background-alt: #EEF2FF;--text: #1E1B4B;--text-secondary: #6B7280;--text-muted: #9CA3AF;--white: #FFFFFF;--border: #E5E7EB;--error: #EF4444;--success: #10B981;--warning: #F59E0B;--font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-body);background:var(--background);color:var(--text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--background)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 30px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-cta{background:var(--cta);color:var(--white)}.btn-cta:hover{background:var(--cta-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#0000000d}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--text-secondary)}.form-error{color:var(--error);font-size:.875rem;margin-top:4px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary)}.navbar-links{display:flex;align-items:center;gap:24px}.navbar-link{color:var(--text-secondary);font-weight:500}.navbar-link:hover{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:16px}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 48px}.hero{padding:100px 0;text-align:center;background:linear-gradient(135deg,var(--background) 0%,var(--background-alt) 100%)}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:24px}.hero-title span{color:var(--primary)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.hero-buttons{display:flex;gap:16px;justify-content:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:32px;text-align:center}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-title{font-size:1.25rem;margin-bottom:12px}.feature-description{color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1000px;margin:0 auto}.pricing-card{padding:40px 32px;text-align:center;position:relative}.pricing-card.featured{border:2px solid var(--primary);transform:scale(1.05)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);padding:4px 16px;border-radius:20px;font-size:.875rem;font-weight:500}.pricing-name{font-size:1.5rem;margin-bottom:8px}.pricing-price{font-size:3rem;font-weight:700;color:var(--primary)}.pricing-price span{font-size:1rem;color:var(--text-secondary)}.pricing-features{list-style:none;margin:24px 0;text-align:left}.pricing-features li{padding:8px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700}.dashboard{display:flex;min-height:100vh}.dashboard-content{flex:1;padding:32px}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:32px;height:calc(100vh - 150px)}.workbench-panel{display:flex;flex-direction:column}.workbench-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.workbench-title{font-size:1.125rem;font-weight:600}.workbench-textarea{flex:1;padding:16px;border:1px solid var(--border);border-radius:12px;font-family:var(--font-body);font-size:1rem;resize:none;background:var(--white)}.workbench-textarea:focus{outline:none;border-color:var(--primary)}.workbench-actions{display:flex;gap:12px;margin-top:16px}.word-balance{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--background-alt);border-radius:8px}.word-balance-label{font-size:.875rem;color:var(--text-secondary)}.word-balance-value{font-weight:600;color:var(--primary)}.ai-score{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-weight:600}.ai-score.low{background:#10b9811a;color:var(--success)}.ai-score.medium{background:#f59e0b1a;color:#f59e0b}.ai-score.high{background:#ef44441a;color:var(--error)}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:250px;background:var(--text);color:var(--white);padding:24px}.admin-sidebar-logo{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:32px}.admin-nav{list-style:none}.admin-nav-item{margin-bottom:8px}.admin-nav-link{display:block;padding:12px 16px;border-radius:8px;color:#ffffffb3;transition:all .2s}.admin-nav-link:hover,.admin-nav-link.active{background:#ffffff1a;color:var(--white)}.admin-content{flex:1;padding:32px;background:var(--background)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-title{font-size:1.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-card{padding:24px}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:2rem;font-weight:700;color:var(--primary)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--background-alt);font-weight:600;font-size:.875rem;text-transform:uppercase;color:var(--text-secondary)}tr:hover{background:var(--background)}.footer{background:var(--text);color:var(--white);padding:48px 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-heading);font-size:1.25rem}.footer-links{display:flex;gap:24px}.footer-link{color:#ffffffb3}.footer-link:hover{color:var(--white)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.workbench{grid-template-columns:1fr}.navbar{padding:12px 16px}.navbar-links{display:none}.pricing-card.featured{transform:none}.admin-layout{flex-direction:column}.admin-sidebar{width:100%}}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:var(--white);border:1px solid var(--border);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.google-btn:hover{background:var(--background);border-color:var(--text-secondary)}.google-btn svg{width:20px;height:20px}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{padding:0 16px;color:var(--text-secondary);font-size:.875rem}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert-error{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.2)}.alert-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.design-glassmorphism .glass-card,.design-glassmorphism .feature-card,.design-glassmorphism .pricing-card,.design-glassmorphism .stat-card{background:var(--glass-bg, rgba(255, 255, 255, .8));backdrop-filter:var(--glass-blur, blur(10px));-webkit-backdrop-filter:var(--glass-blur, blur(10px));border:1px solid rgba(255,255,255,.5);box-shadow:var(--card-shadow, 0 4px 30px rgba(0, 0, 0, .1));border-radius:var(--radius, 16px)}.design-flat .glass-card,.design-flat .feature-card,.design-flat .pricing-card,.design-flat .stat-card{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid var(--border);box-shadow:none;border-radius:var(--radius, 8px)}.design-flat .btn{border-radius:var(--btn-radius, 4px);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.design-flat .hero{background:var(--background)}.design-flat .navbar{border-bottom:2px solid var(--border)}.design-gradient{background:linear-gradient(135deg,var(--gradient-from) 0%,var(--gradient-to) 100%)}.design-gradient .hero{background:transparent;color:var(--white)}.design-gradient .hero-title,.design-gradient .hero-subtitle{color:var(--white)}.design-gradient .glass-card,.design-gradient .feature-card,.design-gradient .pricing-card,.design-gradient .stat-card{background:#fffffff2;border:none;box-shadow:0 20px 60px #00000026;border-radius:24px}.design-gradient .btn-cta{background:var(--white);color:var(--primary)}.design-gradient .btn-cta:hover{background:var(--background-alt);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.design-gradient .navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.design-gradient.animated-bg{background:linear-gradient(-45deg,var(--gradient-from),var(--gradient-to),var(--primary),var(--secondary));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.design-minimal{background:var(--white)}.design-minimal .glass-card,.design-minimal .feature-card,.design-minimal .pricing-card,.design-minimal .stat-card{background:transparent;border:none;box-shadow:none;border-radius:0;border-bottom:1px solid var(--border);padding-left:0;padding-right:0}.design-minimal .hero{background:var(--white);padding:150px 0}.design-minimal .hero-title{font-size:4.5rem;font-weight:300;letter-spacing:-2px}.design-minimal .btn{border-radius:0;border:1px solid var(--text);background:transparent;color:var(--text)}.design-minimal .btn:hover,.design-minimal .btn-cta{background:var(--text);color:var(--white)}.design-minimal .navbar{border:none;background:transparent}.design-minimal .section-title{font-weight:300;letter-spacing:-1px}.design-minimal .footer{background:var(--white);color:var(--text);border-top:1px solid var(--border)}.design-dark{background:var(--background)}.design-dark .navbar{background:var(--background);border-color:var(--border)}.design-dark .glass-card,.design-dark .feature-card,.design-dark .pricing-card,.design-dark .stat-card{background:var(--background-alt);border:1px solid var(--border);box-shadow:0 4px 20px #0000004d}.design-dark .hero{background:linear-gradient(180deg,var(--background) 0%,var(--background-alt) 100%)}.design-dark .btn-outline{border-color:var(--primary);color:var(--primary)}.design-dark .btn-outline:hover{background:var(--primary);color:var(--white)}.design-dark .form-input{background:var(--background);border-color:var(--border);color:var(--text)}.design-dark .footer,.design-dark table{background:var(--background-alt)}.design-dark th{background:var(--background)}.design-brutalist{background:var(--white)}.design-brutalist .glass-card,.design-brutalist .feature-card,.design-brutalist .pricing-card,.design-brutalist .stat-card{background:var(--white);border:3px solid var(--text);box-shadow:8px 8px 0 var(--text);border-radius:0}.design-brutalist .btn{border-radius:0;border:3px solid var(--text);text-transform:uppercase;font-weight:700;letter-spacing:2px}.design-brutalist .btn-primary,.design-brutalist .btn-cta{background:var(--primary);box-shadow:4px 4px 0 var(--text)}.design-brutalist .btn:hover{transform:translate(4px,4px);box-shadow:none}.design-brutalist .hero{background:var(--background);border-bottom:3px solid var(--text)}.design-brutalist .hero-title{font-weight:900;text-transform:uppercase;letter-spacing:-2px}.design-brutalist .navbar{border-bottom:3px solid var(--text)}.design-brutalist .navbar-logo{font-weight:900;text-transform:uppercase}.design-brutalist .form-input{border:3px solid var(--text);border-radius:0}.design-brutalist .form-input:focus{box-shadow:4px 4px 0 var(--primary)}.design-brutalist .footer{border-top:3px solid var(--text)}.design-brutalist .section-title{text-transform:uppercase;letter-spacing:2px}.design-brutalist .feature-icon{font-size:4rem;filter:grayscale(100%)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.w-full{width:100%}.hidden{display:none}