:root{--bg: #1c0d0d;--bg-secondary: #161b22;--text: #c9d1d9;--muted-text: #8b949e;--accent1: #2d35ff;--accent2: #b56af7;--border: #30363d;--card-bg: rgba(22, 27, 34, .6);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(88, 166, 255, .18);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-blur: blur(20px);--accent-gradient: linear-gradient(135deg, #00ffe7, #0077ff);--text-main: #fff;--text-muted: rgba(255, 255, 255, .6);--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--radius-sm: 6px;--radius-md: 14px;--radius-lg: 20px;--btn-height: 44px;--input-height: 40px;--app-header-height: 76px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#000,#12082a);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden;scroll-behavior:smooth}#root,.app-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:transparent;padding-top:50px;position:relative;z-index:1}#features,#about-us,#pricing,#faqs,#contact{scroll-margin-top:92px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.background-blob{position:absolute;filter:blur(250px);opacity:.6;animation:blob-move 12s infinite ease-in-out alternate;z-index:0;border-radius:50%}.blob-one{width:500px;height:500px;background:linear-gradient(135deg,#a43aed,#4d7cff);top:-100px;left:-100px}.blob-two{width:500px;height:500px;background:linear-gradient(135deg,#ff6b6b,#ffe66b);top:200px;right:-200px}@keyframes blob-move{0%{transform:translate(0) scale(1)}25%{transform:translate(100px,-50px) scale(1.05)}50%{transform:translate(-80px,120px) scale(.95)}75%{transform:translate(150px,80px) scale(1.1)}to{transform:translate(0) scale(1)}}.app-root>header,header{position:fixed!important;top:0;left:0;right:0;height:var(--app-header-height);z-index:1200;display:flex;align-items:center;background:linear-gradient(180deg,#060a12f0,#060a12e6);border-bottom:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-left:20px;padding-right:20px;box-shadow:0 6px 30px #02061799}.app-root>header>div{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-root>header :focus{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.nav-link{color:#fff;font-family:monospace;text-decoration:none;font-size:18px;font-weight:500;transition:color .2s ease}.nav-link:hover{text-decoration:overline}.link-like{background:none;border:none;padding:0;font:inherit;cursor:pointer;text-align:inherit}.footer-links .nav-link,.footer-links .link-like{font-size:1rem;font-weight:400;font-family:inherit;color:#c7c9d3}.footer-links .nav-link:hover,.footer-links .link-like:hover{color:#4da3ff;text-decoration:none}.app-root>main,main{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:calc(100vh - var(--app-header-height));box-sizing:border-box;padding-left:12px;padding-right:12px;padding-bottom:36px}.app-root>main>div:first-child,main>div:first-child{width:880px;max-width:96vw;margin:0 auto;display:flex;flex-direction:column;gap:12px;align-items:center}.prompt-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:50px;margin-bottom:12px}.prompt-header.compact{margin-top:0}.prompt-title{margin:0;font-family:monospace;font-weight:700;letter-spacing:.1px;text-align:center;font-size:46px;background:linear-gradient(90deg,#ff00c8,#00c8ff,#ff00c8,#00c8ff);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:color-change 5s linear infinite}@keyframes color-change{0%{background-position:0% 50%}to{background-position:100% 0%}}.section-title h2{font-size:34px;font-family:monospace;color:#e6f0ff;font-weight:700;margin:0}.prompt-caption,.section-caption{margin-top:8px;color:var(--muted-text);font-size:14px;max-width:760px;text-align:center}section{width:100%;padding:30px 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;margin-top:8px;max-width:1200px;margin-left:auto;margin-right:auto}.feature-card{padding:18px;border-radius:12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.03);box-shadow:0 6px 18px #02061773;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;text-align:left}.feature-card:hover{transform:translateY(-6px);box-shadow:0 14px 40px #0206178c;background:#ffffff08}.feature-icon{font-size:22px;margin-bottom:10px;background:#2d35ff1a;padding:8px;border-radius:8px;width:-moz-max-content;width:max-content}.feature-title{font-weight:700;color:#e6f0ff;margin-bottom:6px}.feature-desc{color:var(--muted-text);font-size:14px}.about-grid.one-by-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1000px;margin-left:auto;margin-right:auto}.about-body{padding:6px;color:var(--muted-text);text-align:left}.about-body h4{font-size:26px;font-family:monospace;color:#e6f0ff;margin-top:1rem;margin-bottom:.5rem}.about-body ul{list-style-type:none;padding:0;margin:0}.about-body li:before{content:"    ";color:var(--accent1)}.about-image img{width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.03);box-shadow:var(--shadow-lg);display:block}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px;max-width:1200px;margin-left:auto;margin-right:auto}.price-card{padding:24px;border-radius:12px;background:linear-gradient(180deg,#ffffff03,#ffffff05);border:1px solid rgba(255,255,255,.03);text-align:center;box-shadow:0 6px 20px #02061773;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease-in-out}.price-card.featured{transform:translateY(-10px);box-shadow:0 18px 48px #2d35ff33;background:linear-gradient(180deg,#2d35ff1a,#b56af71a);border:1px solid rgba(45,53,255,.2)}.price-name{font-weight:700;color:#e6f0ff;font-size:1.5rem}.price-amount{font-size:2.8rem;font-weight:800;color:#fff;line-height:1}.price-per{font-size:12px;color:var(--muted-text);margin-left:6px;font-weight:400}.price-bullets{list-style:disc;margin-left:18px;padding-left:0;margin:1rem 0 1.5rem;color:var(--muted-text);text-align:left;flex-grow:1}.price-bullets li{margin-bottom:6px;font-size:14px;line-height:1.4;padding:0 1rem}.faqs-list{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-width:800px;margin-left:auto;margin-right:auto}.faq-item{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.02);background:linear-gradient(180deg,#ffffff03,#ffffff05)}.faq-question{width:100%;text-align:left;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:transparent;border:none;color:var(--text);font-weight:600;font-size:1rem}.faq-question:hover{background:#ffffff05}.faq-toggle{color:var(--muted-text);margin-left:12px;font-size:1.5rem;line-height:1;font-weight:300;transition:transform .2s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .22s ease,padding .22s ease;padding:0 20px;color:var(--muted-text);line-height:1.5;text-align:left}.faq-answer.open{max-height:400px;padding:12px 20px 20px}.prompt-card,.canvas-drop{width:900px;max-width:96vw;background:#1e1e1e36;border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);margin:0 auto}.h-item{color:#fff;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 auto}.prompt-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.prompt-input{min-height:120px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);padding:12px;color:var(--text-main);width:100%;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.prompt-input:focus{border-color:var(--accent1);box-shadow:var(--focus-ring)}select,input,textarea{width:100%;padding:0 10px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);height:var(--input-height);outline:none;transition:border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:focus,input:focus,textarea:focus{border-color:var(--accent1);box-shadow:var(--focus-ring)}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.frame-buttons{display:flex;gap:var(--spacing-sm)}.frame-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--muted-text);cursor:pointer;font-size:13px;transition:all .25s ease;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.frame-btn:hover{box-shadow:0 0 15px #00c8ff80;transform:translateY(-2px);background:#ffffff08}.frame-btn.active{background:var(--accent1);border-color:var(--accent1);color:#fff;font-weight:600;transform:translateY(-2px)}.action-row{margin-left:auto;display:flex;gap:var(--spacing-sm);align-items:center}.glass-btn,.clear-btn,.btn{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);padding:10px 18px;color:var(--text-main);cursor:pointer;transition:all .25s ease}.glass-btn:hover,.clear-btn:hover,.btn:hover{box-shadow:0 0 15px #00c8ff80;transform:translateY(-2px)}.top-button{height:var(--btn-height);padding:0 var(--spacing-lg);border-radius:var(--radius-md);border:none;background:var(--accent1);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .18s ease;box-shadow:0 8px 28px #070a0f73}.top-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 36px #070a0f8c}.top-button:disabled{opacity:.6;cursor:not-allowed}.btn{padding:8px 14px;font-size:14px;border:none;background:transparent}.btn.primary{background:var(--accent, #6366f1);color:#fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn.primary:hover{background:#4f46e5;box-shadow:none}.btn.outline{background:transparent;border:1px solid var(--accent, #6366f1);color:var(--accent, #6366f1);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn.outline:hover{background:#6366f11a;box-shadow:none}.btn.danger{background:#dc2626;color:#fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.btn.danger:hover{background:#b91c1c;box-shadow:none}.generate-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;font-weight:600;min-height:40px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.generate-btn:hover{background:linear-gradient(90deg,var(--accent2),var(--accent1));color:#fff;transform:translateY(-2px);animation:ai-gradient 3s ease infinite,btn-pulse 1.2s ease-in-out infinite;box-shadow:0 0 15px #00c8ff80}.generate-btn.ai-gradient{color:#fff;background:linear-gradient(270deg,#7c3aed,#06b6d4,#f97316 60%,#7c3aed);background-size:600% 600%;animation:ai-gradient 3s ease infinite,btn-pulse 1.2s ease-in-out infinite;box-shadow:0 8px 24px #7c3aed2e}@keyframes ai-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes btn-pulse{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}.generate-btn .ai-icon{width:18px;height:18px;transform-origin:center center;animation:ai-icon-breathe 1.2s ease-in-out infinite;flex-shrink:0}@keyframes ai-icon-breathe{0%{transform:scale(1);opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}50%{transform:scale(1.18) rotate(8deg);opacity:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}to{transform:scale(1);opacity:.95;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}}.generate-btn[disabled]{opacity:.9;cursor:default;pointer-events:none}.generate-btn .ai-icon+span{margin-left:8px}.tc-tooltip{position:absolute;bottom:calc(100% + 10px);right:0;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;z-index:80;width:-moz-max-content;width:max-content;max-width:260px}.tc-tooltip.visible{pointer-events:auto;opacity:1;transform:translateY(0)}.tc-tooltip-inner{background:linear-gradient(180deg,#0a0e12f5,#12161afa);color:#dbeafe;padding:8px 12px;border-radius:8px;font-size:13px;box-shadow:0 6px 20px #02061799;line-height:1.25;border:1px solid rgba(255,255,255,.03)}.tc-tooltip-arrow{width:12px;height:8px;position:absolute;right:12px;bottom:-6px;clip-path:polygon(50% 0%,0% 100%,100% 100%);background:linear-gradient(180deg,#0a0e12f5,#12161afa);border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}.shimmer{position:absolute;inset:0;border-radius:var(--radius-md);background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);opacity:.8;background-size:200% 100%;animation:actany-shimmer 1.5s linear infinite;pointer-events:none;z-index:20}@keyframes actany-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-container{position:relative}.shimmer-container:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:actany-shimmer 1.5s linear infinite;opacity:0;transition:opacity .28s ease;pointer-events:none}.shimmer-container.active:after{opacity:1}.preview-inner{width:100%;height:auto;min-height:360px;display:block}.canvas-drop{overflow:hidden;max-height:0;opacity:0;transition:max-height .5s ease,opacity .36s ease}.canvas-drop.open{max-height:1400px;opacity:1}.canvas-panel{display:flex;gap:var(--spacing-lg);align-items:flex-start}.canvas-preview{flex:1;min-height:420px;border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.canvas-tools{width:320px;min-width:240px;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--border)}.modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px;z-index:2000}.modal .modal-backdrop{position:absolute;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content,.modal form{position:relative;background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:480px;border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text);max-height:calc(100vh - 120px);overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-title{font-size:16px;font-weight:600;color:var(--text)}.modal-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--muted-text)}.modal-close:hover{background:#ffffff08;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.row{display:flex;gap:var(--spacing-sm);align-items:center}.kv{display:flex;gap:8px;align-items:center}.tab-content{max-height:0;overflow:hidden;transition:max-height .35s ease}.tab-content.open{max-height:1000px;margin-top:10px}.select{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-main);border-radius:var(--radius-md);padding:6px 8px}.history-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:transform .25s ease,box-shadow .25s ease}.history-card:hover{transform:scale(1.05);box-shadow:0 0 20px #00c8ff66}.account-grid{display:grid;grid-template-columns:220px 1fr;gap:20px}.sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:20px}.sidebar-btn{background:transparent;border:none;text-align:left;padding:10px 14px;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text, #ddd)}.sidebar-btn:hover{background:#ffffff0d}.sidebar-btn.active{background:var(--card-bg, #1e1e2f);color:var(--accent, #6366f1);font-weight:600;box-shadow:0 2px 6px #00000026}.detail{min-height:300px;padding:10px}.toast{padding:10px 14px;border-radius:8px;font-weight:500;box-shadow:0 2px 8px #00000040}.toast.success{background:#16a34a;color:#fff}.toast.error{background:#dc2626;color:#fff}.alert{margin-top:12px;padding:10px 12px;border-radius:6px;font-weight:500}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.section-features{padding-top:8px;padding-bottom:8px;max-width:1200px;margin:0 auto}.section-about{padding-bottom:12px;max-width:1200px;margin:0 auto}.section-faqs{padding-top:12px;padding-bottom:20px;max-width:1200px;margin:0 auto}.faq-item{border-radius:10px;border:1px solid rgba(255,255,255,.02);background:transparent}.app-footer,.footer{width:100%;text-align:center;font-size:13px;color:var(--muted-text);border-top:1px solid var(--border);background:var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:20px;font-size:14px;color:var(--text-muted);margin-top:auto;width:100vw}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:16px auto 0}.footer-brand{text-align:left}.footer-logo{width:120px;margin-bottom:10px;display:block}.footer-tagline{font-size:.9rem;color:#9fa3b5}.footer-links h4,.footer-social h4{font-size:20px;margin-bottom:10px;color:#fff;font-family:monospace}.footer-links ul{list-style:none;padding:0;margin:0;text-align:center}.footer-links li{margin:6px 0}.footer-links a,.footer-links button{text-decoration:none;color:#c7c9d3;transition:color .3s;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:#4da3ff}.footer-social .social-icons a{margin-right:10px;font-size:1.2rem;color:#c7c9d3;transition:color .3s}.footer-social .social-icons a:hover{color:#4da3ff}.footer-bottom{margin-top:18px;text-align:center;font-size:.85rem;color:#9fa3b5;border-top:1px solid #2a2f3a;padding-top:15px}@media (max-width:1000px){.features-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.about-grid.one-by-two,.pricing-grid{grid-template-columns:1fr}.prompt-card,.canvas-drop{width:96vw}.canvas-panel{flex-direction:column;align-items:stretch}.canvas-tools{width:100%}}@media (max-width: 900px){.account-grid{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;padding-bottom:8px}.sidebar-btn{white-space:nowrap;flex-shrink:0}}@media (max-width:680px){.footer-container{grid-template-columns:1fr;gap:14px}}@media (max-width:560px){.prompt-title{font-size:28px}.prompt-header.compact{margin-top:4px}.features-grid,.pricing-grid,.faqs-list{padding:0 12px}.prompt-card{padding:var(--spacing-md)}.action-row{margin-left:0;width:100%;flex-direction:column}.generate-btn,.clear-btn,.top-button{width:100%}.controls-row{flex-direction:column;align-items:stretch}.frame-buttons{justify-content:center}}@media (max-width:520px){.tc-tooltip{right:0;left:0;margin:0 auto}.tc-tooltip-arrow{right:calc(50% - 6px)}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}}@media (max-height:500px){.app-footer,.footer{padding-top:12px;padding-bottom:12px;font-size:12px}}.auth-modal{display:flex;flex-direction:row;width:860px;max-width:96vw;min-height:520px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0c0f14a3,#080a0e7a);box-shadow:0 20px 60px #000000a6;border:1px solid rgba(255,255,255,.03)}.auth-left{flex:1;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:340px}.tab-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:transparent;color:var(--muted-text, #9aa4b2);cursor:pointer;font-weight:700;transition:all .12s ease}.tab-btn:hover{background:#ffffff05;color:#fff}.tab-btn.active{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent;box-shadow:0 8px 24px #4f46e51f}.modal-close{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:transparent;color:var(--muted-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.auth-left-body{margin-top:8px;display:flex;gap:12px}.auth-right{flex:1;padding:24px;display:flex;align-items:center;justify-content:center;min-width:320px;background:linear-gradient(180deg,#ffffff05,#fff0)}.auth-right-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-illustration{width:320px;max-width:100%;height:auto;display:block}.auth-right-text{color:var(--muted-text);max-width:300px}.auth-form{display:flex;flex-direction:column;gap:10px;padding:0;background:transparent}.form-label{font-size:13px;color:var(--muted-text);margin-left:2px}.form-input{height:42px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text);outline:none;transition:box-shadow .14s ease,border-color .14s ease}.form-input::-moz-placeholder{color:#c8d2dc47}.form-input::placeholder{color:#c8d2dc47}.form-input:focus{border-color:var(--accent1, #4f46e5);box-shadow:0 8px 24px #4f46e514}.form-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.btn{height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text);cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;border:none}.btn.secondary{background:transparent;color:var(--muted-text);border:1px solid rgba(255,255,255,.04)}.btn.small{height:34px;padding:0 10px;border-radius:8px;font-size:13px}.form-error{color:#ff6b6b;margin-top:6px;font-size:13px}.form-ok{color:#10b981;margin-top:6px;font-size:13px}.muted{color:var(--muted-text);font-size:13px}@media (max-width: 760px){.auth-modal{flex-direction:column;width:96vw;min-height:auto}.auth-left,.auth-right{width:100%;padding:18px}.auth-right{order:2}.auth-left{order:1}.form-actions{flex-direction:column}.btn{width:100%}}