*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.gradient-background{animation:gradientShift 15s ease infinite;background:radial-gradient(ellipse at 20% 30%,rgba(13,47,106,.25) 0,transparent 40%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.2) 0,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(37,99,235,.15) 0,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(99,102,241,.15) 0,transparent 50%);background-position:50%;background-size:150% 150%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes gradientShift{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%;filter:hue-rotate(10deg)}50%{background-position:50% 100%;filter:hue-rotate(-10deg)}75%{background-position:50% 0;filter:hue-rotate(5deg)}}.gradient-background:after{background:radial-gradient(circle at center,transparent 0,hsla(0,0%,4%,.4) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.gradient-background:before{animation:floatOrb 20s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.3) 0,transparent 70%);border-radius:50%;content:"";height:400px;position:absolute;width:400px}@keyframes floatOrb{0%,to{transform:translate(10%,10%) scale(1)}33%{transform:translate(80%,60%) scale(1.1)}66%{transform:translate(30%,80%) scale(.9)}}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.hero-section{animation:fadeInUp 1s ease;max-width:800px;text-align:center;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cin7-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.cin7-logo svg{animation:logoGlow 3s ease-in-out infinite;color:#fff;filter:drop-shadow(0 4px 15px rgba(255,255,255,.3));height:auto;width:160px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 2px 10px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 4px 20px rgba(147,197,253,.5))}}.cin7-badge{background:linear-gradient(135deg,#0d2f6a,#1e4491);border-radius:30px;box-shadow:0 4px 15px rgba(13,47,106,.3);color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-title{background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.1}.hero-subtitle{color:hsla(0,0%,100%,.8);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:400;line-height:1.6;margin-bottom:2rem;max-width:700px}.feature-pills,.hero-subtitle{margin-left:auto;margin-right:auto}.feature-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;max-width:800px}.pill{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:25px;color:hsla(0,0%,100%,.9);font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.pill-button{cursor:pointer;font-family:inherit;outline:none;overflow:hidden;position:relative}.pill-button:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.pill-button:active:before{height:300px;width:300px}.pill:hover{background:rgba(13,47,106,.3);border-color:rgba(13,47,106,.6);box-shadow:0 4px 12px rgba(13,47,106,.3);transform:translateY(-2px) scale(1.05)}.pill:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.input-container{margin:1.5rem auto 0;max-width:700px;width:100%}.input-wrapper{backdrop-filter:blur(10px);background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1);padding:.5rem;transition:all .3s ease}.input-wrapper:hover{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.2)}.input-wrapper:focus-within{background:hsla(0,0%,100%,.05);border-color:rgba(13,47,106,.6);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px rgba(13,47,106,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.prompt-input{background:transparent!important;border:none;color:#fff;font-family:inherit;font-size:1.1rem;min-height:60px;outline:none;padding:1.5rem;width:100%}.prompt-input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.prompt-input::placeholder{color:hsla(0,0%,100%,.4)}.input-actions{justify-content:flex-end;padding:0 .75rem .75rem}.input-actions,.send-btn{align-items:center;display:flex}.send-btn{background:linear-gradient(135deg,#0d2f6a,#1e4491);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;height:45px;justify-content:center;transition:all .3s ease;width:45px}.send-btn:hover{background:linear-gradient(135deg,#1e4491,#2e5ab8);box-shadow:0 5px 15px rgba(13,47,106,.4);transform:scale(1.05)}.send-btn:active{transform:scale(.98)}.ai-assistant{animation:fadeIn .3s ease;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:900px;overflow:hidden}.ai-assistant.hidden{display:none}.assistant-header{align-items:center;background:rgba(13,47,106,.2);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding:1.25rem}.assistant-avatar{margin-right:1rem;position:relative}.avatar-icon{display:block;font-size:2rem}.status-indicator{animation:pulse 2s ease infinite;background:#22c55e;border:2px solid #0a0a0a;border-radius:50%;bottom:0;height:12px;position:absolute;right:-2px;width:12px}.status-indicator.thinking{animation:pulse .8s ease infinite;background:#fbbf24}.status-indicator.error{animation:none;background:#ef4444}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.assistant-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.assistant-status{color:hsla(0,0%,100%,.7);font-size:.9rem}.chat-messages{background:rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:500px;overflow-y:auto;padding:1.5rem}.thought-message{animation:slideUp .3s ease;margin-bottom:.5rem;padding:.5rem}.thought-message.assistant{border-left:3px solid #3b82f6;color:hsla(0,0%,100%,.9);font-size:.9rem;padding-left:1rem}.thought-message.thinking{background:rgba(96,165,250,.1);color:#60a5fa;margin-bottom:.75rem}.thought-message.status,.thought-message.thinking{border-radius:6px;font-weight:500;padding:.75rem}.thought-message.status{background:rgba(13,47,106,.15);color:#93c5fd}.thought-message.tool{background:rgba(13,47,106,.1);border-radius:4px;color:hsla(0,0%,100%,.7);font-size:.9rem;padding:.5rem}.thought-message.code-start{background:rgba(52,211,153,.1);border-radius:4px;color:#34d399;font-weight:500;padding:.5rem}.thought-message.code-block{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;padding:0}.code-header{align-items:center;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:.5rem 1rem}.code-language{color:#fbbf24;font-size:.85rem;font-weight:500;text-transform:uppercase}.copy-code-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s ease}.copy-code-btn:hover{background:hsla(0,0%,100%,.2);color:#fff}.thought-message.code-block pre{margin:0;overflow-x:auto;padding:1rem}.thought-message.code-block code{color:#e2e8f0;font-size:.85rem;line-height:1.5}.thought-message.code-progress{background:rgba(0,0,0,.3);border-left:2px solid #34d399;padding:.5rem}.code-typing{color:#34d399;font-size:.85rem;margin:0;white-space:pre-wrap;word-wrap:break-word}@keyframes codeTyping{0%{opacity:.3;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.files-generated{display:flex;flex-wrap:wrap;gap:.5rem}.file-badge{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:hsla(0,0%,100%,.8);font-size:.85rem;padding:.25rem .75rem}.file-badge,.preview-section{animation:fadeIn .3s ease}.preview-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-top:2rem;padding:1.5rem}.preview-section.hidden{display:none}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h3{color:#fff;font-size:1.2rem;margin:0}.preview-btn{background:linear-gradient(135deg,#0d2f6a,#1e4491);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.preview-btn:hover{background:linear-gradient(135deg,#1e4491,#2e5ab8);box-shadow:0 10px 20px rgba(13,47,106,.3);transform:translateY(-2px)}.files-list{display:grid;gap:.75rem}.file-item{align-items:center;background:rgba(0,0,0,.2);border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.file-item:hover{background:rgba(0,0,0,.3)}.file-name{color:#fff;font-family:Courier New,monospace;font-size:.95rem}.file-actions{display:flex;gap:.5rem}.file-action-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s ease}.file-action-btn:hover{background:hsla(0,0%,100%,.2);color:#fff}@media (max-width:640px){.hero-section{padding:0 1rem}.prompt-input{font-size:1rem;padding:1.25rem}.send-btn{height:40px;width:40px}.generation-progress,.preview-section{padding:1rem}.thought-process{max-height:200px}}.chat-message{animation:messageSlide .3s ease;margin-bottom:1rem}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-timestamp{color:hsla(0,0%,100%,.4);font-size:.75rem;margin-bottom:.25rem}.message-content{border-radius:12px;padding:.75rem 1rem;position:relative}.message-content.assistant{background:rgba(13,47,106,.2);border-left:3px solid #3b82f6;color:hsla(0,0%,100%,.95)}.message-content.system{background:rgba(99,102,241,.1);border-left:3px solid #6366f1;color:rgba(147,197,253,.9);font-size:.9rem}.message-content.log{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);color:#22c55e}.message-content.log,.message-content.pseudo-code{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.85rem}.message-content.pseudo-code{background:rgba(0,0,0,.4);border:1px solid rgba(59,130,246,.3);color:#60a5fa;white-space:pre-wrap}.message-content.error{background:rgba(239,68,68,.1);border-left:3px solid #ef4444;color:#fca5a5}.typing-indicator,.typing-indicator span{display:inline-block}.typing-indicator span{animation:typing 1.4s ease infinite;background:hsla(0,0%,100%,.5);border-radius:50%;height:8px;margin:0 2px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.code-display{border-top:1px solid hsla(0,0%,100%,.1);margin-top:1rem}.code-display.hidden{display:none}.code-display .code-header{align-items:center;background:rgba(0,0,0,.3);display:flex;justify-content:space-between;padding:1rem}.code-title{color:#fbbf24;font-weight:500}.minimize-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:1rem;padding:.25rem .75rem}.code-content{background:rgba(0,0,0,.4);max-height:300px;overflow-y:auto;padding:1rem}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;display:none}.auth-error,.auth-info{font-size:14px;margin-bottom:16px;padding:12px}.auth-info{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2}.auth-info strong{color:#0d47a1}.auth-header{position:fixed;right:20px;top:20px;z-index:1000}.auth-button{align-items:center;backdrop-filter:blur(10px);background:rgba(30,30,30,.9);border:none;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.auth-button:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.15);color:#007bff;transform:translateY(-1px)}.auth-button.logged-in{background:#007bff;border-color:#007bff;color:#fff}.auth-button.logged-in:hover{background:#0056b3;border-color:#0056b3}.auth-modal{align-items:center;animation:fadeIn .2s;backdrop-filter:blur(5px);background-color:rgba(0,0,0,.6);bottom:0;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;right:0;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:10000}.auth-modal-content{animation:slideUp .3s ease-out;background-color:#1e1e1e;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:8% auto;max-height:90vh;max-width:420px;overflow-y:auto;padding:0;position:relative;width:90%}.auth-close{color:#666;cursor:pointer;font-size:28px;font-weight:400;line-height:1;position:absolute;right:20px;top:20px;transition:color .2s;z-index:1}.auth-close:hover{color:#ccc}.auth-form{padding:40px 30px}.auth-form h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 24px;text-align:center}.auth-form input{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#f0f0f0;font-size:14px;margin-bottom:12px;padding:12px 16px;transition:all .2s;width:100%}.auth-form input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.2);outline:none}.auth-primary-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:8px;padding:12px;transition:all .2s;width:100%}.auth-primary-btn:hover{background:#0056b3;box-shadow:0 4px 12px rgba(0,123,255,.25);transform:translateY(-1px)}.auth-secondary-btn{background:transparent;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:all .2s;width:100%}.auth-secondary-btn:hover{background:#2a2a2a;border-color:#666;color:#f0f0f0}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider span{background:var(--bg-primary);color:var(--text-secondary);font-size:13px;padding:0 12px;position:relative}.auth-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-footer{color:#999;font-size:14px;margin:20px 0 0;text-align:center}.auth-footer a{color:#007bff;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.user-info{margin:20px 0;text-align:center}.user-info p{color:#f0f0f0;font-size:16px;margin:0 0 8px}.user-badge{background:#2a2a2a;border-radius:12px;color:#999;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.auth-message{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:none;font-size:14px;margin:20px 20px 0;padding:12px}@media (max-width:480px){.auth-modal-content{margin:20% auto;width:95%}.auth-form{padding:30px 20px}.auth-header{right:15px;top:15px}}.theme-picker-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.theme-picker-modal.hidden{display:none}.theme-picker-overlay{backdrop-filter:blur(10px);background:var(--theme-bg-overlay,rgba(0,0,0,.7));bottom:0;left:0;position:absolute;right:0;top:0}.theme-picker-content{animation:themeSlideIn .3s ease;background:var(--theme-bg-primary,#0d0d0d);border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:12px;box-shadow:var(--theme-shadow-xl,0 20px 25px -5px rgba(0,0,0,.1));display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;position:relative;width:90%}@keyframes themeSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.theme-picker-header{align-items:center;background:var(--theme-bg-secondary,#1a1a1a);border-bottom:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));display:flex;justify-content:space-between;padding:1.5rem}.theme-picker-title{color:var(--theme-text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0}.theme-picker-close{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--theme-text-tertiary,hsla(0,0%,100%,.6));cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.theme-picker-close:hover{background:var(--theme-button-hover,hsla(0,0%,100%,.1));border-color:var(--theme-border-primary,hsla(0,0%,100%,.2));color:var(--theme-text-primary,#fff)}.theme-picker-body{display:flex;flex:1;flex-direction:column;overflow:hidden}.theme-picker-tabs{background:var(--theme-bg-secondary,#1a1a1a);border-bottom:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));display:flex;gap:.5rem;padding:1rem 1.5rem}.theme-tab{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--theme-text-tertiary,hsla(0,0%,100%,.6));cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.theme-tab:hover{background:var(--theme-button-hover,hsla(0,0%,100%,.1));color:var(--theme-text-secondary,hsla(0,0%,100%,.8))}.theme-tab.active{background:var(--theme-brand-primary,#0d2f6a);border-color:var(--theme-brand-primary,#0d2f6a);color:var(--theme-text-primary,#fff)}.theme-picker-panels{flex:1;overflow:hidden}.theme-panel{display:none;height:100%;overflow-y:auto;padding:1.5rem}.theme-panel.active{display:block}.theme-panel::-webkit-scrollbar{width:8px}.theme-panel::-webkit-scrollbar-track{background:var(--theme-bg-secondary,hsla(0,0%,100%,.02))}.theme-panel::-webkit-scrollbar-thumb{background:var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:4px}.theme-panel::-webkit-scrollbar-thumb:hover{background:var(--theme-border-secondary,hsla(0,0%,100%,.2))}.theme-presets-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.theme-card{background:var(--theme-bg-secondary,#1a1a1a);border:2px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:8px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.theme-card:hover{background:var(--theme-bg-tertiary,#242424);box-shadow:var(--theme-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));transform:translateY(-2px)}.theme-card.active,.theme-card:hover{border-color:var(--theme-brand-primary,#0d2f6a)}.theme-card.active{background:var(--theme-sidebar-active,rgba(13,47,106,.3))}.theme-card-preview{margin-bottom:.75rem}.theme-preview-colors{border-radius:6px;display:flex;gap:.25rem;height:60px;overflow:hidden}.theme-color{flex:1}.theme-card-info{margin-bottom:.5rem}.theme-card-name{color:var(--theme-text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 .25rem}.theme-card-type{color:var(--theme-text-tertiary,hsla(0,0%,100%,.6));font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.theme-card-active{background:var(--theme-brand-primary,#0d2f6a);border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.theme-custom-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.theme-custom-item{align-items:center;background:var(--theme-bg-secondary,#1a1a1a);border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.theme-custom-item:hover{background:var(--theme-bg-tertiary,#242424);border-color:var(--theme-brand-primary,#0d2f6a)}.theme-import-btn{background:var(--theme-button-bg,hsla(0,0%,100%,.05));border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:6px;color:var(--theme-text-primary,#fff);cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s ease}.theme-import-btn:hover{background:var(--theme-button-hover,hsla(0,0%,100%,.1));border-color:var(--theme-brand-primary,#0d2f6a)}.theme-creator{display:flex;flex-direction:column;gap:1.5rem}.theme-name-input{background:var(--theme-input-bg,hsla(0,0%,100%,.05));border:1px solid var(--theme-input-border,hsla(0,0%,100%,.1));border-radius:6px;color:var(--theme-text-primary,#fff);font-size:1rem;outline:none;padding:.75rem}.theme-name-input:focus{border-color:var(--theme-input-focus,#0d2f6a);box-shadow:0 0 0 3px rgba(13,47,106,.2)}.theme-name-input::-moz-placeholder{color:var(--theme-text-muted,hsla(0,0%,100%,.4))}.theme-name-input::placeholder{color:var(--theme-text-muted,hsla(0,0%,100%,.4))}.theme-color-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.theme-color-input{display:flex;flex-direction:column;gap:.5rem}.theme-color-label{color:var(--theme-text-tertiary,hsla(0,0%,100%,.6));font-size:.85rem}.theme-color-picker{border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:4px;cursor:pointer;height:40px;width:100%}.theme-preview{background:var(--theme-bg-secondary,#1a1a1a);border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:8px;padding:1.5rem}.theme-save-btn{background:var(--theme-brand-primary,#0d2f6a);border:1px solid var(--theme-brand-primary,#0d2f6a);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.theme-save-btn:hover{background:var(--theme-brand-secondary,#1e40af);border-color:var(--theme-brand-secondary,#1e40af)}.theme-picker-footer{background:var(--theme-bg-secondary,#1a1a1a);border-top:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));padding:1rem 1.5rem}.theme-actions{display:flex;gap:.75rem;justify-content:flex-end}.theme-action-btn{background:var(--theme-button-bg,hsla(0,0%,100%,.05));border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:6px;color:var(--theme-text-secondary,hsla(0,0%,100%,.8));cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.theme-action-btn:hover{background:var(--theme-button-hover,hsla(0,0%,100%,.1));border-color:var(--theme-brand-primary,#0d2f6a);color:var(--theme-text-primary,#fff)}.theme-type-light{color-scheme:light}.theme-type-dark{color-scheme:dark}@media (max-width:768px){.theme-picker-content{max-height:90vh;width:95%}.theme-presets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.theme-picker-tabs{overflow-x:auto;padding:.75rem 1rem}.theme-tab{white-space:nowrap}}.theme-toggle-btn{align-items:center;background:var(--theme-brand-primary,#0d2f6a);border:2px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:50%;bottom:20px;box-shadow:var(--theme-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1));cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:100}.theme-toggle-btn:hover{box-shadow:var(--theme-shadow-xl,0 20px 25px -5px rgba(0,0,0,.1));transform:scale(1.1)}.theme-toggle-icon{font-size:1.5rem}.theme-loading{background:var(--theme-bg-primary,#0d0d0d);border:1px solid var(--theme-border-primary,hsla(0,0%,100%,.1));border-radius:8px;color:var(--theme-text-primary,#fff);display:none;left:50%;padding:1rem 2rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:4000}.theme-loading.visible{animation:fadeIn .2s ease;display:block}.feature-ticker-container{margin:2rem 0 1rem;text-align:center}.feature-ticker{display:inline-block;min-width:280px;position:relative}.ticker-content{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden}.ticker-item{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.ticker-item:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.ticker-item.fading{opacity:0;transform:translateX(-10px)}.ticker-icon{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.ticker-text{flex:1;font-size:16px;white-space:nowrap}.ticker-arrow{opacity:.6;transition:all .2s ease}.ticker-item:hover .ticker-arrow{opacity:1;transform:translateX(4px)}.ticker-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.ticker-dot{background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.ticker-dot:hover{background:hsla(0,0%,100%,.5)}.ticker-dot.active{background:#fff;border-radius:4px;width:24px}@media (max-width:640px){.feature-ticker{min-width:100%}.ticker-item{padding:14px 16px}.ticker-icon{font-size:20px;height:28px;width:28px}.ticker-text{font-size:15px}}.homepage-projects-dropdown{margin:1rem auto 1.5rem;max-width:600px}.projects-toggle{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px;transition:all .2s ease;width:100%}.projects-toggle:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#fff}.projects-toggle.expanded{background:hsla(0,0%,100%,.1);border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:hsla(0,0%,100%,.2)}.toggle-icon{align-items:center;display:flex;opacity:.7}.toggle-text{flex:1;text-align:left}.toggle-arrow{align-items:center;display:flex;transition:transform .2s ease}.projects-toggle.expanded .toggle-arrow{transform:rotate(180deg)}.projects-dropdown-content{animation:slideDown .2s ease;backdrop-filter:blur(20px);background:rgba(20,20,30,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:0 0 12px 12px;border-top:none;overflow:hidden}.projects-dropdown-content.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.projects-list{max-height:300px;overflow-y:auto;padding:8px}.homepage-project-item{align-items:center;background:hsla(0,0%,100%,.03);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px;transition:all .2s ease}.homepage-project-item:hover{background:hsla(0,0%,100%,.08)}.project-item-content{flex:1;min-width:0}.project-item-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.project-item-name{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-date{color:hsla(0,0%,100%,.5);font-size:12px;white-space:nowrap}.project-item-description{color:hsla(0,0%,100%,.6);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open-btn{align-items:center;background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.project-open-btn:hover{background:rgba(102,126,234,.3);border-color:rgba(102,126,234,.5);color:#fff;transform:translateX(2px)}.projects-actions{border-top:1px solid hsla(0,0%,100%,.1);padding:12px}.view-all-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.projects-empty-state{color:hsla(0,0%,100%,.5);padding:32px;text-align:center}.projects-empty-state svg{margin-bottom:12px}.projects-empty-state p{font-size:14px;margin:0}.projects-list::-webkit-scrollbar{width:6px}.projects-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.projects-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.projects-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}@media (max-width:640px){.homepage-projects-dropdown{margin-top:1rem}.homepage-project-item{align-items:flex-start;flex-direction:column;gap:8px}.project-open-btn{justify-content:center;width:100%}}.auth-modal-visible{opacity:1;visibility:visible}.auth-modal-overlay{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.auth-modal-close{background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:24px;height:32px;position:absolute;right:16px;top:16px;transition:background .2s;width:32px}.auth-modal-close:hover{background:var(--bg-secondary)}.auth-modal-body{padding:32px}.auth-field{margin-bottom:20px}.auth-field label{display:block;font-weight:500;margin-bottom:8px}.auth-field input,.auth-field label{color:var(--text-primary);font-size:14px}.auth-field input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;transition:border-color .2s;width:100%}.auth-field input:focus{border-color:var(--primary-color);outline:none}.field-hint{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.auth-button:disabled{cursor:not-allowed;opacity:.5}.auth-button-primary{background:var(--primary-color);color:#fff}.auth-button-primary:hover:not(:disabled){background:var(--primary-hover)}.auth-button-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.auth-button-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.auth-links{margin:16px 0;text-align:center}.auth-link{color:var(--primary-color);font-size:14px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error,.auth-success{border-radius:6px;font-size:13px;margin-bottom:16px;padding:10px 12px}.auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.user-menu-trigger:hover{background:var(--bg-tertiary)}.user-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.user-email{color:var(--text-primary);font-size:14px}.user-menu-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:200px;opacity:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .2s;visibility:hidden}.user-menu:hover .user-menu-dropdown{opacity:1;transform:translateY(0);visibility:visible}.user-menu-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background .2s}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.user-menu-divider{background:var(--border-color);height:1px;margin:4px 0}.auth-trigger-button{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.auth-trigger-button:hover{background:var(--primary-hover)}.template-modal{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.template-modal.show{opacity:1}.template-modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.template-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1200px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.9);transition:transform .3s ease;width:90%}.template-modal.show .template-modal-content{transform:translate(-50%,-50%) scale(1)}.template-modal-header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;justify-content:space-between;padding:24px}.template-modal-header h2{color:#202223;font-size:24px;font-weight:600;margin:0}.template-modal-close{background:transparent;border:none;border-radius:8px;color:#6d7175;cursor:pointer;font-size:24px;height:36px;transition:background .2s;width:36px}.template-modal-close:hover{background:#f6f6f7}.template-modal-filters{border-bottom:1px solid #e1e3e5;display:flex;gap:8px;padding:16px 24px}.template-filter{background:#fff;border:1px solid #e1e3e5;border-radius:6px;color:#202223;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.template-filter:hover{background:#f6f6f7}.template-filter.active{background:#00a862;border-color:#00a862;color:#fff}.template-modal-body{flex:1;overflow-y:auto;padding:24px}.template-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-card{background:#fff;border:2px solid #e1e3e5;border-radius:8px;cursor:pointer;padding:20px;position:relative;transition:all .2s}.template-card:hover{border-color:#00a862;box-shadow:0 4px 12px rgba(0,168,98,.1)}.template-card.selected{background:#f0faf6;border-color:#00a862}.template-badge{background:#00a862;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.template-icon{font-size:48px;margin-bottom:12px}.template-name{color:#202223;font-size:18px;font-weight:600;margin:0 0 8px}.template-description{color:#6d7175;font-size:14px;line-height:1.5;margin:0 0 12px}.template-features{color:#6d7175;font-size:13px;list-style:none;margin:0;padding:0}.template-features li{padding:4px 0 4px 16px;position:relative}.template-features li:before{color:#00a862;content:"✓";left:0;position:absolute}.template-preview-btn{background:#fff;border:1px solid #e1e3e5;border-radius:4px;color:#202223;cursor:pointer;font-size:13px;margin-top:12px;padding:6px 12px;transition:all .2s}.template-preview-btn:hover{background:#f6f6f7;border-color:#00a862;color:#00a862}.template-modal-footer{border-top:1px solid #e1e3e5;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.template-cancel-btn,.template-select-btn{border:1px solid #e1e3e5;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.template-cancel-btn{background:#fff;color:#202223}.template-cancel-btn:hover{background:#f6f6f7}.template-select-btn{background:#00a862;border-color:#00a862;color:#fff}.template-select-btn:hover:not(:disabled){background:#008b51}.template-select-btn:disabled{cursor:not-allowed;opacity:.5}.template-preview-modal{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10001}.template-preview-modal.show{opacity:1}.preview-modal-overlay{background:rgba(0,0,0,.7);bottom:0;left:0;position:absolute;right:0;top:0}.preview-modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:80vh;left:50%;max-width:1400px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.preview-modal-header{align-items:center;border-bottom:1px solid #e1e3e5;display:flex;justify-content:space-between;padding:20px}.preview-modal-header h3{font-size:20px;font-weight:600;margin:0}.preview-modal-close{background:transparent;border:none;border-radius:6px;color:#6d7175;cursor:pointer;font-size:20px;height:32px;width:32px}.preview-modal-close:hover{background:#f6f6f7}.preview-modal-body{display:flex;flex:1;overflow:hidden}.preview-device-frame{align-items:center;background:#f6f6f7;display:flex;flex:1;justify-content:center;padding:20px}.preview-device-screen{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);height:100%;overflow:hidden;width:100%}.preview-device-screen iframe{border:none;height:100%;width:100%}.preview-info{border-left:1px solid #e1e3e5;padding:20px;width:300px}.preview-info h4{font-size:16px;font-weight:600;margin:0 0 16px}.preview-info ul{list-style:none;margin:0 0 20px;padding:0}.preview-info li{color:#6d7175;font-size:14px;padding:8px 0 8px 20px;position:relative}.preview-info li:before{color:#00a862;content:"✓";left:0;position:absolute}.preview-select-btn{background:#00a862;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background .2s;width:100%}.preview-select-btn:hover{background:#008b51}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.preview-modal-body{flex-direction:column}.preview-info{border-left:none;border-top:1px solid #e1e3e5;width:100%}}