.login-quantum-wrapper{background:#030303;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.ambient-orb{filter:blur(80px);opacity:.5;z-index:0;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:#00ff8826;width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.orb-2{background:#aa3bff26;width:500px;height:500px;animation-delay:-5s;bottom:-150px;left:-100px}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,50px)scale(1.1)}to{transform:translate(50px,-50px)scale(.9)}}.login-cluster{z-index:10;-webkit-backdrop-filter:blur(40px);background:#0f0f0f66;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:420px;padding:40px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,inset 0 0 0 1px #ffffff0d,inset 0 0 20px #00ff8805}.login-cluster:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0f83,#0000);width:50%;height:100%;animation:8s linear infinite borderSweep;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes borderSweep{0%{left:-100%}20%{left:200%}to{left:200%}}.login-title{background:linear-gradient(135deg,#0f8 0%,#00d2ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1.5px;-webkit-background-clip:text;margin:0 0 8px;font-size:34px;font-weight:900}.login-subtitle{color:#ffffff80;margin:0;font-size:14px;font-weight:500}.quantum-input-group{margin-bottom:20px;position:relative}.quantum-input{color:#fff;box-sizing:border-box;background:#0009;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-size:16px;transition:all .3s}.quantum-input:focus{background:#000c;border-color:#00ff8880;box-shadow:0 0 20px #00ff881a}.btn-primary-quantum{color:#000;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:linear-gradient(135deg,#0f8 0%,#00cc6a 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 20px -10px #00ff8880}.btn-primary-quantum:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 25px -10px #00ff88b3}.btn-primary-quantum:active:not(:disabled){transform:translateY(1px)}.btn-primary-quantum:disabled{opacity:.6;cursor:not-allowed;color:#888;box-shadow:none;background:#333}.btn-passkey{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:16px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-passkey:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.login-divider{opacity:.4;align-items:center;margin:24px 0;display:flex}.login-divider div{background:#fff;flex:1;height:1px}.login-divider span{color:#fff;text-transform:uppercase;letter-spacing:1px;padding:0 12px;font-size:12px;font-weight:600}.social-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-social{cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-social.google{color:#fff;background:#ffffff0d}.btn-social.google:hover{background:#ffffff1a}.btn-social.facebook{color:#fff;background:#1877f21a;border-color:#1877f24d}.btn-social.facebook:hover{background:#1877f233}.security-badge{text-align:center;color:#ffffff4d;letter-spacing:.5px;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;margin-top:30px;font-size:11px;display:flex}
.spatial-canvas{color:#fff;background:#000;width:100vw;min-height:100vh;font-family:Inter,sans-serif;position:relative}.ambient-mesh{pointer-events:none;z-index:0;background:radial-gradient(circle,#00ff880d 0%,#0000 60%);width:200%;height:200%;animation:20s ease-in-out infinite alternate ambientPulse;position:fixed;top:-50%;left:-50%}@keyframes ambientPulse{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-2%,2%)}}.immersive-viewport{z-index:1;width:100vw;min-height:100vh;position:relative}.brand-orb{z-index:100;pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute;top:30px;left:40px}.brand-text{letter-spacing:3px;color:#fff;text-shadow:0 0 20px #00ff8880;font-size:24px;font-weight:800}.status-pulse{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;box-shadow:0 0 10px #0f8,0 0 20px #0f8}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.intelligent-dock-wrapper{z-index:100;pointer-events:none;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.liquid-dock{-webkit-backdrop-filter:blur(30px)saturate(180%);pointer-events:auto;background:#0a0a0a66;border:1px solid #ffffff0d;border-radius:30px;flex-direction:column;align-items:flex-start;gap:15px;padding:15px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff05}.liquid-dock.expanded{background:#0f0f0f99;border:1px solid #ffffff1a;box-shadow:0 30px 60px #00ff880d}.dock-item{cursor:pointer;color:#ffffff80;border-radius:20px;align-items:center;padding:12px;transition:color .3s;display:flex;position:relative;overflow:hidden}.dock-item:hover{color:#fff}.dock-item.active{color:#0f8}.dock-icon{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.dock-label{letter-spacing:.5px;white-space:nowrap;z-index:2;font-size:15px;font-weight:700;position:relative;overflow:hidden}.active-flare{z-index:1;background:#00ff8826;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 20px #00ff881a}.dock-divider{background:#ffffff1a;width:100%;height:1px;margin:5px 0}.dock-item.danger:hover{color:#f36}.neural-create-btn{z-index:100;color:#000;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f8;border:none;border-radius:40px;align-items:center;gap:12px;padding:18px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:800;display:flex;position:fixed;bottom:50px;right:50px;box-shadow:0 15px 40px #0f86}@media (max-width:1024px){.intelligent-dock-wrapper{top:auto;bottom:20px;left:50%;transform:translate(-50%)}.liquid-dock{border-radius:40px;flex-direction:row;padding:10px 20px}.dock-label{display:none!important}.dock-divider{width:1px;height:24px;margin:0 10px}.neural-create-btn{padding:15px;bottom:100px;right:20px}.neural-create-btn span{display:none}}
.qs-2027-overlay{z-index:999999;-webkit-backdrop-filter:blur(20px);background:#000000d9;justify-content:center;align-items:center;padding:24px;font-family:Inter,-apple-system,sans-serif;display:flex;position:fixed;inset:0}.qs-2027-glass-card{-webkit-backdrop-filter:blur(80px)saturate(180%);background:#0c0c10f2;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;max-width:650px;height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c,inset 0 1px #ffffff1a}.qs-2027-glass-card:before{content:"";z-index:-1;border-radius:inherit;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.qs-header-static{z-index:10;background:0 0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.qs-pill-badge{color:#0f8;letter-spacing:1px;text-transform:uppercase;background:#00ff881a;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:800}.qs-close-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;padding:0!important}.qs-close-btn:hover{background:#ffffff26}.qs-scroll-core{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow-y:auto}.qs-scroll-core::-webkit-scrollbar{width:8px}.qs-scroll-core::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px;margin:10px 0}.qs-scroll-core::-webkit-scrollbar-thumb{background:#ffffff4d;border:2px solid #0c0c10f2;border-radius:10px}.qs-scroll-core::-webkit-scrollbar-thumb:hover{background:#ffffff80}.qs-identity-anchor{align-items:center;gap:12px;display:flex}.qs-avatar-mock{background:#2a2a30;border-radius:50%;width:44px;height:44px;overflow:hidden}.qs-avatar-mock img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.qs-identity-info{flex-direction:column;display:flex}.qs-identity-name{color:#fff;font-size:15px;font-weight:600}.qs-identity-audience{color:#ffffff80;background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:13px;display:flex}.qs-smart-textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex-shrink:0;width:100%;min-height:120px;padding:0;font-size:22px;font-weight:400;line-height:1.4;overflow:hidden}.qs-smart-textarea::placeholder{color:#ffffff4d}.qs-hero-container{background:#000;border:1px solid #ffffff0d;border-radius:16px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.qs-hero-preview{background:#050508;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.qs-hero-bg{-o-object-fit:cover;object-fit:cover;filter:blur(40px)brightness(.4);z-index:0;pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%}.qs-hero-img{-o-object-fit:contain;object-fit:contain;z-index:1;width:100%;height:auto;max-height:600px;display:block;position:relative;box-shadow:0 20px 50px #00000080}.qs-gallery-tray{-webkit-backdrop-filter:blur(20px);z-index:20;background:#000000a6;border:1px solid #ffffff1a;border-radius:12px;gap:8px;max-width:calc(100% - 24px);padding:8px;display:flex;position:absolute;bottom:12px;right:12px;overflow-x:auto}.qs-gallery-tray::-webkit-scrollbar{height:0}.qs-tray-thumbnail{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:48px;height:48px;transition:all .2s;position:relative;overflow:hidden}.qs-tray-thumbnail.active{opacity:1;border-color:#0f8;transform:scale(1.05)}.qs-tray-thumbnail img{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%}.qs-thumbnail-remove{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:30;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .2s;display:flex;position:absolute;top:4px;right:4px;padding:0!important}.qs-thumbnail-remove:hover{background:#f33}.qs-tray-add-btn{cursor:pointer;background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.qs-tray-add-btn:hover{background:#fff3;border-color:#ffffff80}.qs-hero-loader{background:radial-gradient(circle,#00ff881a 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.qs-scanner{background:#0f8;width:100%;height:2px;animation:2s ease-in-out infinite qsScan;position:absolute;top:0;left:0;box-shadow:0 0 20px #0f8}@keyframes qsScan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.qs-footer-static{z-index:10;background:#ffffff05;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.qs-tools-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;padding:8px 16px;display:flex}.qs-tools-label{color:#fff;font-size:14px;font-weight:500}.qs-tools-group{gap:8px;display:flex}.qs-tool-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;padding:0!important}.qs-tool-btn:hover:not(:disabled){background:#ffffff1a}.qs-tool-btn:disabled{opacity:.3;cursor:not-allowed}.qs-char-counter{color:#ffffff80;letter-spacing:.5px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;margin-left:8px;padding:0 12px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.qs-char-counter.warning{color:#f33;background:#ff33331a;border-color:#ff33334d;box-shadow:0 0 10px #f333}.qs-publish-action{color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#0f8,#00b8ff);border:none;border-radius:100px;padding:12px 32px;font-size:15px;font-weight:800;transition:all .2s}.qs-publish-action:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 20px #00ff884d}.qs-publish-action:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff0d}@media (max-width:600px){.qs-2027-overlay{align-items:flex-end;padding:0}.qs-2027-glass-card{height:calc(100dvh - 20px);padding-bottom:env(safe-area-inset-bottom,20px);border-bottom:none;border-left:none;border-right:none;border-radius:32px 32px 0 0}.qs-2027-glass-card:after{content:"";z-index:20;background:#ffffff4d;border-radius:4px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.qs-header-static{padding-top:24px}.qs-smart-textarea{font-size:20px}.qs-tools-row{flex:1;justify-content:space-between;margin-right:12px}.qs-tools-label{display:none}.qs-publish-action{padding:12px 20px}.qs-gallery-tray{max-width:none;bottom:8px;left:8px;right:8px}}svg{visibility:visible;display:inline-block}