:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--error: #ef4444;--success: #22c55e;--nav-bg: rgba(255, 255, 255, .95)}[data-theme=dark]{--primary: #c4a15e;--primary-hover: #b8956a;--bg: #282C34;--card-bg: #21252B;--text: #e5e5e5;--text-muted: #a3a3a3;--border: #3a3f4b;--error: #f87171;--success: #4ade80;--nav-bg: rgba(40, 44, 52, .95)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(139,92,246,.08) 0%,transparent 50%);animation:auth-bg-float 20s ease-in-out infinite}@keyframes auth-bg-float{0%,to{transform:translate(0)}50%{transform:translate(2%,2%)}}.auth-card{background:var(--card-bg);padding:2.5rem;border-radius:20px;box-shadow:0 4px 6px #0000000d,0 20px 40px #0000001a,0 0 0 1px #0000000d;width:100%;max-width:420px;position:relative;z-index:1;animation:card-appear .5s ease-out}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2rem;font-weight:700;margin-bottom:.5rem;display:inline-flex;align-items:center;gap:.5rem}.auth-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);transition:all .2s;background:var(--bg)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 4px #c4a15e26}.form-group select option,select option{background:var(--card-bg);color:var(--text);padding:10px}[data-theme=dark] select,[data-theme=dark] .form-group select,[data-theme=dark] select option,[data-theme=dark] .form-group select option{background-color:#1e293b;color:#f1f5f9}.translate-dropdown{flex:1;padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text);cursor:pointer}.translate-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.translate-dropdown option{background:var(--card-bg);color:var(--text);padding:10px}[data-theme=dark] .translate-dropdown{background-color:#1e293b;color:#f1f5f9;border-color:#475569}[data-theme=dark] .translate-dropdown option{background-color:#1e293b;color:#f1f5f9}.form-group input.error-field{border-color:var(--error)}.field-error{font-size:.75rem;color:var(--error);margin-top:.25rem}.password-requirements{background:var(--bg);border-radius:12px;padding:1rem;margin-top:.75rem;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.requirements-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);padding:.25rem 0;transition:all .2s}.requirement.met{color:var(--success)}.requirement-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s}.requirement.met .requirement-icon{color:var(--success)}.btn-primary{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 14px #3b82f659}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.google-btn{width:100%;padding:.875rem 1.5rem;background:var(--card-bg);color:var(--text);border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.google-btn:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted);transform:translateY(-1px)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn{width:100%;padding:.875rem 1.5rem;background:var(--card-bg);color:var(--text);border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.social-btn:hover:not(:disabled){background:var(--bg);border-color:var(--text-muted);transform:translateY(-1px)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.microsoft-btn:hover:not(:disabled){border-color:#00a4ef}.github-btn:hover:not(:disabled){border-color:var(--text-muted)}.linkedin-btn{background:var(--card-bg);color:#0077b5;border:2px solid #0077B5}.linkedin-btn:hover:not(:disabled){background:#0077b5;color:var(--bg);border-color:#0077b5;transform:translateY(-1px)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-link{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:var(--text-muted)}.link-primary{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.link-primary:hover{color:var(--primary-hover);text-decoration:underline}.auth-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;text-align:center}.link-btn{background:none;border:none;color:var(--primary);font-size:.875rem;cursor:pointer;padding:.5rem;width:auto;display:inline;text-decoration:none}.link-btn:hover{text-decoration:underline;background:none;box-shadow:none}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--error);padding:.875rem 1rem;border-radius:12px;font-size:.875rem;margin-bottom:1rem;border:1px solid rgba(239,68,68,.2);animation:shake-in .4s ease-out}@keyframes shake-in{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:var(--success);padding:.875rem 1rem;border-radius:12px;font-size:.875rem;margin-bottom:1rem;border:1px solid rgba(34,197,94,.2)}.verification-info{background:var(--bg);padding:1rem;border-radius:12px;text-align:center;margin-bottom:1.5rem}.verification-info p{font-size:.875rem;color:var(--text-muted)}.verification-info strong{color:var(--primary)}.verification-input{font-size:1.5rem!important;text-align:center;letter-spacing:.5em;font-weight:600;padding:1rem!important}.loading-spinner{display:flex;align-items:center;gap:.5rem}.loading-spinner:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::placeholder{color:var(--text-muted);opacity:.7}.form-group{margin-bottom:1rem}.form-group label{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{padding:0 1rem;font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.primary-btn{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;box-shadow:0 4px 14px #3b82f659}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:var(--text-muted)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:var(--primary-hover);text-decoration:underline}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}button{width:100%;padding:.75rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.error{background:#fef2f2;color:var(--error);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.auth-link{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--text-muted)}.auth-link a{color:var(--primary);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--card-bg);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column}.sidebar .logo h1{color:var(--primary);font-size:1.5rem;margin-bottom:2rem}.nav-links{list-style:none;flex:1}.nav-links li{margin-bottom:.5rem}.nav-links a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:8px;transition:all .2s}.nav-links a:hover,.nav-links a.active{background:var(--bg);color:var(--primary)}.user-section{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.user-info{flex:1;min-width:0}.user-name{display:block;font-weight:500;font-size:.875rem}.user-plan{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.logout-btn{width:auto;padding:.5rem;background:transparent;color:var(--text-muted)}.logout-btn:hover{color:var(--error);background:transparent}.theme-toggle-btn{width:auto;padding:.5rem;background:linear-gradient(90deg,#f5f5f5 50%,#1a1a1a 50%);color:var(--text);border:2px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.theme-toggle-btn:hover{transform:scale(1.05);border-color:var(--primary)}.theme-toggle-btn svg{position:relative;z-index:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.main-content{flex:1;padding:2rem;overflow-y:auto}.dashboard h1{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.stat-card h3{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600}.progress-bar{height:8px;background:var(--bg);border-radius:4px;margin-top:.5rem;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s}.quick-actions h2,.recent-posts h2{margin-bottom:1rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.action-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all .2s}.action-card:hover{border-color:var(--primary);transform:translateY(-2px)}.action-card svg{color:var(--primary);margin-bottom:.75rem}.action-card h3{margin-bottom:.25rem}.action-card p{font-size:.875rem;color:var(--text-muted)}.posts-grid{display:grid;gap:1rem}.post-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);transition:all .2s;cursor:pointer}.post-card:hover{border-color:var(--primary);box-shadow:0 0 12px #3b82f666;transform:translateY(-2px)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.post-header h3{font-size:1rem}.post-platform{font-size:.75rem;padding:.25rem .5rem;background:var(--bg);border-radius:4px;text-transform:capitalize}.post-content{color:var(--text-muted);font-size:.875rem;white-space:pre-wrap;margin-bottom:1rem}.post-footer{display:flex;justify-content:space-between;align-items:center}.post-date{font-size:.75rem;color:var(--text-muted)}.post-actions{display:flex;gap:.5rem}.icon-btn{width:auto;padding:.5rem;background:transparent;color:var(--text-muted)}.icon-btn:hover{background:var(--bg);color:var(--primary)}.icon-btn.delete:hover{color:var(--error)}.create-post h1{margin-bottom:1.5rem}.create-grid{display:flex;gap:0;min-height:600px}.input-section,.preview-section{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);flex-shrink:0}.resize-handle{width:24px;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:col-resize;color:var(--text-muted);transition:all .2s;margin:0 8px;flex-shrink:0;align-self:center;z-index:10}.resize-handle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.resize-handle:active{background:var(--primary-hover)}.generate-btn{background:var(--primary);margin-top:1rem}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.copy-btn{background:transparent;border:1px solid var(--border);color:var(--text)}.copy-btn:hover{background:var(--bg)}.save-btn{background:var(--success)}.save-btn:hover:not(:disabled){background:#16a34a}.over-limit{color:var(--error)}.ideas-page{max-width:800px}.ideas-page .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.ideas-page .generate-btn{width:auto;margin-bottom:2rem}.ideas-list{display:grid;gap:1rem}.idea-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.idea-card p{flex:1}.use-idea-btn{width:auto;padding:.5rem 1rem;font-size:.875rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.capitalize{text-transform:capitalize}.landing{background:var(--bg);overflow-x:hidden;position:relative}.promo-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;position:relative;z-index:1000;flex-wrap:wrap;text-align:center}.promo-banner .promo-icon{font-size:18px}.promo-banner .promo-text{color:#fffffff2}.promo-banner .promo-text strong{background:#fff3;padding:2px 8px;border-radius:4px;margin-right:6px}.promo-banner .promo-cta{background:#fff;color:#3b82f6;padding:6px 16px;border-radius:20px;text-decoration:none;font-weight:600;font-size:13px;transition:all .2s ease;white-space:nowrap}.promo-banner .promo-cta:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.promo-banner{padding:10px 16px;font-size:13px;gap:8px}.promo-banner .promo-cta{padding:5px 12px;font-size:12px}}.animated-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float-orb 20s ease-in-out infinite}.gradient-orb.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);top:-200px;right:-200px;animation-delay:0s}.gradient-orb.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#ec489933,#3b82f633);bottom:20%;left:-100px;animation-delay:-7s}.gradient-orb.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#22c55e33,#3b82f633);top:50%;right:10%;animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(40px,40px) scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-slide-up{opacity:0;animation:slideUp .8s ease forwards}.animate-slide-up.delay-1{animation-delay:.1s}.animate-slide-up.delay-2{animation-delay:.2s}.animate-slide-up.delay-3{animation-delay:.3s}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.hero.visible .animate-slide-up{opacity:1}.animated-gradient{background:linear-gradient(90deg,var(--primary),#a87f4a,#d4a574,var(--primary));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite}.shimmer{background:linear-gradient(90deg,#334155 25%,#475569,#334155 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.shimmer.delay-1{animation-delay:.2s}.shimmer.delay-2{animation-delay:.4s}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--primary),#a87f4a,#d4a574,var(--primary));background-size:300% 300%;border-radius:18px;z-index:-1;animation:gradient-shift 3s ease infinite;opacity:.7}.glow-btn{position:relative;overflow:hidden}.glow-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s}.glow-btn:hover:after{transform:translate(100%)}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--primary);opacity:0;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.glass-effect{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-card{background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.landing-nav{position:fixed;top:0;left:0;right:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}.nav-container{max-width:1320px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text)}.logo-icon{font-size:1.75rem}.nav-links-landing{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;max-width:780px}.nav-links-landing a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.nav-links-landing a:hover{color:var(--primary)}.nav-auth{display:flex;align-items:center;gap:1rem}.site-language-selector{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:8px;padding:.35rem .55rem;color:var(--text-muted);background:var(--card-bg)}.site-language-selector select{border:none;background:transparent;color:var(--text);font-size:.84rem;min-width:110px;outline:none;cursor:pointer}.site-language-selector.compact select{min-width:92px;font-size:.8rem}.theme-toggle-landing{background:linear-gradient(90deg,#f5f5f5 50%,#1a1a1a 50%);border:2px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.theme-toggle-landing:hover{border-color:var(--primary);transform:scale(1.1) rotate(15deg)}.theme-toggle-landing svg{position:relative;z-index:1;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.nav-login{color:var(--text);text-decoration:none;font-weight:500}.nav-signup{background:linear-gradient(135deg,var(--primary),#a87f4a);color:#fff;padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.nav-signup:hover{transform:translateY(-2px);box-shadow:0 4px 15px #c4a15e66}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btn-shine 3s ease-in-out infinite}@keyframes btn-shine{0%{left:-100%}50%,to{left:100%}}.nav-login{color:var(--text);text-decoration:none;font-weight:500;position:relative}.nav-login:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}.nav-login:hover:after{width:100%}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1320px;margin:0 auto;padding:8rem 2rem 4rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary);padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.badge-icon{font-size:1rem}.hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--text)}.gradient-text{background:linear-gradient(135deg,var(--primary),#a87f4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s;box-shadow:0 4px 14px #3b82f666}.cta-primary:hover{background:var(--primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.cta-primary.large{padding:1.25rem 2.5rem;font-size:1.125rem}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;background:var(--card-bg);color:var(--text);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid var(--border);transition:all .2s}.cta-secondary:hover{border-color:var(--primary);color:var(--primary)}.hero-stats{display:flex;align-items:center;gap:2rem}.hero-stats .stat{display:flex;flex-direction:column}.hero-stats strong{font-size:1.5rem;color:var(--text)}.hero-stats .star{color:#eab308;margin-left:.25rem}.hero-stats span{font-size:.875rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border)}.play-icon{width:40px;height:40px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .3s}.cta-secondary:hover .play-icon{transform:scale(1.1);background:var(--primary);color:#fff}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.cta-primary:hover .btn-glow{opacity:1}.hero-image{display:flex;justify-content:center}.app-preview{background:var(--text);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px}.preview-header{background:#1e293b;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.preview-dots{display:flex;gap:.5rem}.preview-dots span{width:12px;height:12px;border-radius:50%;background:#475569}.preview-dots span:first-child{background:#ef4444}.preview-dots span:nth-child(2){background:#eab308}.preview-dots span:last-child{background:#22c55e}.preview-title{color:#94a3b8;font-size:.875rem}.preview-content{display:flex;min-height:300px}.preview-sidebar{width:60px;background:#1e293b;padding:1rem .5rem;display:flex;flex-direction:column;gap:.5rem}.preview-menu-item{height:40px;background:#334155;border-radius:8px}.preview-menu-item.active{background:var(--primary)}.preview-main{flex:1;background:#0f172a;padding:1rem;display:flex;flex-direction:column;gap:1rem}.preview-card{background:#1e293b;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.preview-text-line{height:12px;background:#334155;border-radius:4px}.preview-text-line.w-50{width:50%}.preview-text-line.w-75{width:75%}.preview-text-line.w-80{width:80%}.preview-text-line.w-100{width:100%}.ai-generating{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem}.ai-generating .sparkle{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.ai-generating .dots span{animation:typing-dots 1.4s infinite;opacity:0}.ai-generating .dots span:nth-child(1){animation-delay:0s}.ai-generating .dots span:nth-child(2){animation-delay:.2s}.ai-generating .dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dots{0%,20%{opacity:0}40%,to{opacity:1}}.pulse-glow{animation:menu-pulse 2s ease-in-out infinite}@keyframes menu-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.hero-image{position:relative}.floating-card{position:absolute;background:var(--card-bg);padding:.75rem 1rem;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text);animation:float-card 4s ease-in-out infinite;z-index:10}.floating-card .icon{font-size:1.25rem}.floating-card.card-1{top:10%;left:-20px;animation-delay:0s}.floating-card.card-2{top:50%;right:-30px;animation-delay:-1.3s}.floating-card.card-3{bottom:15%;left:-10px;animation-delay:-2.6s}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.logos-section{background:var(--bg);padding:3rem 2rem;text-align:center}.logos-section p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.logos{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.logos span,.logo-item{font-size:1.5rem;font-weight:700;color:#cbd5e1;transition:all .3s;cursor:default}.logo-item:hover{color:#94a3b8;transform:scale(1.05)}.section-header{text-align:center;max-width:760px;margin:0 auto 4rem}.section-badge{display:inline-block;background:var(--border);color:var(--primary);padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text)}.section-header p{color:var(--text-muted);font-size:1.125rem}.features{padding:6rem 2rem;max-width:1320px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid var(--border);transition:all .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary)}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}.feature-card p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.feature-tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;background:var(--bg);color:var(--text-muted);border-radius:100px;transition:all .3s}.feature-card:hover .feature-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary)}.feature-tag.new-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.icon-animate{transition:all .3s}.feature-card:hover .icon-animate{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--primary),#a87f4a);color:#fff}.how-it-works{background:var(--bg);padding:6rem 2rem}.steps{display:flex;justify-content:center;align-items:flex-start;gap:2rem;max-width:1000px;margin:0 auto}.step{flex:1;text-align:center;max-width:280px}.step-number{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1.5rem}.step h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}.step p{color:var(--text-muted);line-height:1.6}.step-arrow{font-size:2rem;color:#cbd5e1;padding-top:.5rem}.step-connector{display:flex;align-items:center;color:var(--primary);opacity:.5;padding-top:1rem}.step-connector svg{animation:arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.testimonials{background:var(--bg);padding:6rem 2rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1320px;margin:0 auto}.generators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-card-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.generator-card-actions .cta-primary,.generator-card-actions .cta-secondary{padding:.6rem 1rem;font-size:.9rem}.testimonial-card{background:var(--card-bg);border-radius:16px;padding:2rem;border:1px solid var(--border)}.testimonial-content p{font-size:1rem;line-height:1.7;color:var(--text);margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),#a87f4a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.author-info strong{display:block;color:var(--text)}.author-info span{font-size:.875rem;color:var(--text-muted)}.final-cta{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,#1e293b,#0f172a)}.cta-content{max-width:600px;margin:0 auto}.final-cta h2{font-size:2.5rem;color:#fff;margin-bottom:1rem}.final-cta p{color:#94a3b8;font-size:1.125rem;margin-bottom:2rem}.cta-note{display:block;margin-top:1rem;color:#64748b;font-size:.875rem}.landing-footer{background:var(--card-bg);color:var(--text);padding:4rem 2rem 2rem;border-top:1px solid var(--border)}.footer-content{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.5fr 4fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid #1e293b}.footer-brand p{color:var(--text-muted);margin-top:1rem}.footer-brand-note{font-size:.875rem;margin-top:.5rem!important}.footer-brand-note a{color:var(--primary);text-decoration:none}.footer-brand-note a:hover{text-decoration:underline}.footer-brand .nav-logo{color:var(--text)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{color:var(--text);margin-bottom:1rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;color:var(--text-muted);text-decoration:none;padding:.5rem 0;transition:color .2s}.footer-column a:hover{color:var(--primary)}.footer-bottom{max-width:1320px;margin:0 auto;padding-top:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg);color:var(--text-muted);text-decoration:none;transition:all .3s ease}.social-link:hover{transform:translateY(-3px)}.social-link.linkedin-social{background:linear-gradient(135deg,#0077b5,#00a0dc);color:#fff}.social-link.linkedin-social:hover{background:linear-gradient(135deg,#006097,#0088c6);box-shadow:0 4px 15px #0077b566}.footer-column,.footer-column a{text-align:left}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding-top:6rem}.hero h1{font-size:2.5rem}.hero-cta,.hero-stats{justify-content:center}.hero-image{order:-1}.app-preview{max-width:400px}.features-grid,.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr;gap:2rem}}.create-post-header{margin-bottom:1.5rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;width:auto}.back-btn:hover{background:var(--bg);color:var(--text)}.hashtag-highlight{color:var(--primary);font-weight:600}.linkedin-btn{background:linear-gradient(135deg,#0077b5,#00a0dc)!important;color:#fff!important}.linkedin-btn:hover:not(:disabled){background:linear-gradient(135deg,#006097,#0088c6)!important}.x-btn{background:linear-gradient(135deg,#000,#333)!important;color:#fff!important;border:none!important}.x-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#444)!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.ideas-dropdown-group{margin-top:1rem}.ideas-dropdown-group label{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600}.ideas-dropdown{position:relative}.ideas-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--card-bg);border:2px solid var(--border);border-radius:12px;color:var(--text);font-size:.9375rem;cursor:pointer;transition:all .3s}.ideas-dropdown-toggle:hover{border-color:var(--primary);box-shadow:0 4px 12px #c4a15e26}.ideas-dropdown-toggle svg{transition:transform .3s;color:var(--text-muted)}.ideas-dropdown-toggle svg.rotate-180{transform:rotate(180deg);color:var(--primary)}.ideas-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-bg);border:2px solid var(--primary);border-radius:16px;box-shadow:0 12px 32px #c4a15e33;z-index:1000;max-height:400px;overflow-y:auto;overflow-x:hidden}.ideas-dropdown-menu:before{content:"";position:absolute;top:-8px;left:24px;width:16px;height:16px;background:var(--card-bg);border:2px solid var(--primary);border-bottom:none;border-right:none;transform:rotate(45deg)}.ideas-dropdown-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;border-radius:0;line-height:1.4}.ideas-dropdown-item:last-child{border-bottom:none}.ideas-dropdown-item:hover{background:var(--bg)}.ideas-dropdown-item:hover .idea-text{color:#fff}.ideas-dropdown-item:first-child{border-radius:14px 14px 0 0;padding-top:1rem}.ideas-dropdown-item:last-child{border-radius:0 0 14px 14px;padding-bottom:1rem}.ideas-dropdown-item .idea-number{background:var(--bg);color:var(--primary);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.ideas-dropdown-item:hover .idea-number{background:var(--primary);color:#fff}.ideas-dropdown-item .idea-text{flex:1;line-height:1.5}.ideas-dropdown-toggle span:first-child{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-ideas{color:var(--text-muted);font-style:italic}.ideas-dropdown-menu::-webkit-scrollbar{width:6px}.ideas-dropdown-menu::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.ideas-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ideas-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.definitions-page{max-width:1200px;margin:0 auto}.definitions-header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--card-bg);border-radius:16px;border:1px solid var(--border)}.definitions-header svg{color:var(--primary);margin-bottom:1rem}.definitions-header h1{font-size:2rem;color:var(--text);margin-bottom:.5rem}.definitions-header p{color:var(--text-muted);font-size:1rem}.definitions-content{display:flex;flex-direction:column;gap:3rem}.definitions-section h2{font-size:1.5rem;color:var(--text);margin-bottom:.5rem}.section-description{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9375rem}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.framework-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.framework-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #c4a15e26}.framework-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.framework-icon{font-size:1.5rem}.framework-header h3{font-size:1.125rem;color:var(--text)}.framework-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.framework-structure{background:var(--bg);border-radius:8px;padding:1rem;margin-bottom:1rem}.framework-structure h4,.framework-example h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.framework-structure ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.framework-structure li{font-size:.8125rem;color:var(--text)}.framework-structure li strong{color:var(--primary)}.framework-example{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;padding:1rem;border:1px solid #fcd34d}.framework-example h4{color:#92400e}.framework-example p{font-size:.8125rem;color:#78350f;line-height:1.5}.posttypes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.posttype-def-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.posttype-def-card:hover{border-color:#ec4899;box-shadow:0 4px 16px #ec489926}.posttype-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.posttype-icon{font-size:1.5rem}.posttype-header h3{font-size:1.125rem;color:var(--text)}.posttype-description{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.posttype-tips{background:var(--bg);border-radius:8px;padding:1rem}.posttype-tips h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.posttype-tips ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.posttype-tips li{font-size:.8125rem;color:var(--text);padding-left:1.25rem;position:relative}.posttype-tips li:before{content:"→";position:absolute;left:0;color:#ec4899}.best-practices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.practice-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s}.practice-card:hover{border-color:var(--success);box-shadow:0 4px 16px #22c55e26}.practice-card h4{font-size:1rem;color:var(--text);margin-bottom:.5rem}.practice-card p{color:var(--text-muted);font-size:.875rem;line-height:1.5}@media (max-width: 768px){.definitions-header{padding:1.5rem}.definitions-header h1{font-size:1.5rem}.frameworks-grid,.posttypes-grid,.best-practices-grid{grid-template-columns:1fr}}.country-search-section{margin-bottom:2.5rem}.country-search-wrapper{position:relative;max-width:500px;margin:0 auto}.country-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.country-search-input{width:100%;padding:1rem 3rem;border:2px solid var(--border);border-radius:12px;font-size:1rem;color:var(--text);background:#fff;cursor:pointer;transition:all .2s}.country-search-input:hover{border-color:var(--primary)}.country-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.country-dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:transform .3s}.country-dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid var(--primary);border-radius:16px;box-shadow:0 12px 32px #3b82f633;z-index:1000;max-height:400px;overflow-y:auto;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-dropdown-header{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-muted);font-weight:500}.country-dropdown-list{max-height:350px;overflow-y:auto}.country-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:.9375rem;text-align:left;cursor:pointer;transition:all .2s;border-radius:0}.country-dropdown-item:last-child{border-bottom:none}.country-dropdown-item:hover{background:var(--bg);color:var(--primary)}.country-dropdown-item:first-child{border-radius:14px 14px 0 0}.country-dropdown-item:last-child{border-radius:0 0 14px 14px}.country-flag{font-size:1.25rem}.country-name{flex:1}.top-countries-section{margin-top:2rem}.top-countries-section h3{font-size:1.125rem;color:var(--text-muted);margin-bottom:1rem;text-align:center;font-weight:500}.top-countries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;max-width:800px;margin:0 auto}.top-country-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s}.top-country-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626}.top-country-flag{font-size:2rem}.top-country-name{font-size:.8125rem;color:var(--text);text-align:center;font-weight:500}.country-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.selected-country-flag{font-size:2.5rem}.country-header h2{font-size:1.5rem;color:var(--text)}.hashtag-search-wrapper{position:relative;max-width:400px;margin:1.5rem auto}.hashtag-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.hashtag-filter-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border);border-radius:12px;font-size:.9375rem;color:var(--text);background:#fff;transition:all .2s}.hashtag-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.hashtag-item{cursor:pointer}.hashtag-text{flex:1;color:var(--primary)!important}.hashtag-arrow{color:var(--text-muted);opacity:0;transition:all .2s}.hashtag-item:hover .hashtag-arrow{opacity:1;color:var(--primary);transform:translate(4px)}.hashtag-card{cursor:pointer}.topic-arrow{color:var(--text-muted);opacity:0;transition:all .2s}.hashtag-card:hover .topic-arrow{opacity:1;color:var(--primary);transform:translate(4px)}.topic-name{flex:1;color:var(--primary)!important}.no-hashtags{text-align:center;padding:3rem;color:var(--text-muted)}.no-hashtags svg{margin-bottom:1rem;opacity:.5}.no-hashtags p{margin-bottom:1rem}.retry-btn{width:auto;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);color:var(--text)}.retry-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.country-clear-btn{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:auto}.country-clear-btn:hover{color:var(--text);background:transparent}.country-no-results{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.selected-topic-display{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg);border-radius:12px;margin-bottom:1.5rem}.selected-topic-display .topic-label{font-size:.875rem;color:var(--text-muted)}.selected-topic-display .topic-value{font-size:1.125rem;font-weight:600;color:var(--primary)}.post-type-section{margin-bottom:1.5rem}.post-type-section h3{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.post-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.post-type-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.post-type-card:hover{border-color:var(--primary);transform:translateY(-2px)}.post-type-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f626}.post-type-name{font-size:.875rem;font-weight:600;color:var(--text)}.post-type-desc{font-size:.75rem;color:var(--text-muted)}.generate-section{margin-bottom:1.5rem}.generate-section .generate-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600}.generate-section .generate-btn.upgrade-btn{background:linear-gradient(135deg,var(--primary),#a87f4a)}.generated-post-section{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generated-post-section h3{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.generated-post-section .post-content{background:var(--bg);border-radius:12px;padding:1.5rem;white-space:pre-wrap;font-size:.9375rem;line-height:1.7;color:var(--text);margin-bottom:1.5rem}.generated-post-section .post-actions{display:flex;gap:1rem;flex-wrap:wrap}.generated-post-section .copy-btn{width:auto;padding:.75rem 1.5rem;background:transparent;border:2px solid var(--border);color:var(--text);font-weight:500}.generated-post-section .copy-btn:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.generated-post-section .linkedin-btn{width:auto;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0077b5,#00a0dc);border:none;color:#fff;font-weight:500}.generated-post-section .linkedin-btn:hover:not(:disabled){background:linear-gradient(135deg,#006097,#0088c6)}.generated-post-section .start-over-btn{width:auto;padding:.75rem 1.5rem;background:transparent;border:2px solid var(--border);color:var(--text-muted);font-weight:500}.generated-post-section .start-over-btn:hover{background:var(--bg);border-color:var(--text-muted);color:var(--text)}.limit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.limit-warning{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;animation:bounceIn .3s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.limit-warning-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.limit-icon{font-size:3rem}.limit-text h4{font-size:1.25rem;color:var(--text);margin-bottom:.5rem}.limit-text p{color:var(--text-muted);font-size:.875rem}.upgrade-btn{width:auto;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary),#a87f4a);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media (max-width: 768px){.top-countries-grid{grid-template-columns:repeat(2,1fr)}.country-dropdown{left:-1rem;right:-1rem}.post-type-grid{grid-template-columns:repeat(2,1fr)}.generated-post-section .post-actions{flex-direction:column}.generated-post-section .copy-btn,.generated-post-section .linkedin-btn,.generated-post-section .start-over-btn{width:100%}}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;padding:1rem}.sidebar .logo{display:none}.nav-links{display:flex;gap:.5rem}.nav-links span{display:none}.user-section{border:none;padding:0}.user-info{display:none}.stats-grid,.action-grid,.create-grid,.form-row{grid-template-columns:1fr}.nav-links-landing{display:none}.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:1.5rem}.section-header h2,.final-cta h2{font-size:1.75rem}.footer-links{grid-template-columns:1fr;text-align:center}}