body,html,#root{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}.studio-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#000}.studio-active>nav,.studio-active>header,.studio-active>.compartments-grid,.studio-active>footer{display:none!important}.studio-active{background:#000!important;overflow:hidden!important}.studio-iframe{width:100%;height:100%;border:none;display:block}.pricing-modal{display:flex!important;flex-direction:column;gap:24px}.pricing-icon{margin-top:10px;display:flex;justify-content:center}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px}.pricing-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .3s;cursor:pointer;text-align:center}.pricing-card:hover{background:#ffffff0f;border-color:#3b82f666;transform:translateY(-5px)}.pricing-card.featured{background:#3b82f61a;border-color:#3b82f64d;position:relative}.pricing-card h3{margin:0;font-size:1.1rem;font-weight:800;color:#fff}.pricing-price{font-size:1.5rem;font-weight:900;color:#3b82f6}.pricing-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4}@media(max-width:500px){.pricing-grid{grid-template-columns:1fr}}:root{--primary-blue: #3b82f6;--primary-emerald: #10b981;--primary-amber: #f59e0b;--bg-dark: #020617;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;width:100%;min-height:100vh}.main-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.1) 0%,transparent 60%),radial-gradient(circle at 50% 100%,rgba(217,119,6,.05) 0%,transparent 50%),var(--bg-dark);position:relative;overflow:hidden}.main-container:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);z-index:0;pointer-events:none}.main-container:after{content:"";position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);z-index:0;pointer-events:none}.nav-bar{position:absolute;top:0;left:0;width:100%;padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:100}.nav-right{display:flex;align-items:center;gap:20px}.login-btn-nav,.premium-btn,.logout-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:16px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border)}.login-btn-nav{background:#ffffff0d;color:#fff}.login-btn-nav:hover{background:#ffffff1a;transform:translateY(-2px)}.premium-btn{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:none;box-shadow:0 4px 15px #d977064d}.premium-btn.active{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 15px #0596694d}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d9770680}.user-profile{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:4px 4px 4px 14px;border-radius:20px;border:1px solid var(--glass-border)}.user-email{font-size:.8rem;font-weight:600;color:var(--text-muted)}.user-icon{width:32px;height:32px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.logout-btn{padding:8px;background:transparent;border:none;color:#ef4444}.logout-btn:hover{background:#ef44441a}.lang-toggle{display:flex;gap:8px;background:#ffffff08;padding:6px;border-radius:16px;border:1px solid var(--glass-border)}.lang-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:700;font-size:.75rem;transition:all .3s}.lang-btn.active{background:#fff;color:#000;box-shadow:0 4px 12px #fff3}.contact-btn-nav{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:700;font-size:.75rem;transition:all .3s}.contact-btn-nav:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#fff3}.header{text-align:center;max-width:900px;margin-bottom:80px;z-index:10;display:flex;flex-direction:column;align-items:center;position:relative}.title{font-size:6rem;font-weight:950;margin:0 0 32px;line-height:.9;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.hero-section{display:flex;flex-direction:column;align-items:center;gap:20px}.subtitle{font-size:1.125rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.5rem;margin:0;padding-left:.5rem}.main-message{font-size:1.5rem;color:#cbd5e1;max-width:750px;line-height:1.6;font-weight:400;margin:0;text-align:center}.compartments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;max-width:1200px;position:relative;z-index:10;justify-items:center}.compartment-card{background:#0f172a66;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:48px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:32px;cursor:pointer;width:100%;max-width:350px;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0006}.compartment-card:hover{transform:translateY(-20px);background:#1e293bb3;border-color:#ffffff26;box-shadow:0 40px 80px #0009}.shape-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.shape-1,.shape-2,.shape-3{position:absolute;width:100%;height:100%;opacity:.15;transition:all .5s ease;filter:blur(15px)}.shape-1{background:var(--primary-blue);border-radius:20%;transform:rotate(15deg)}.shape-2{background:var(--primary-emerald);border-radius:50%}.shape-3{background:var(--primary-amber);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-4{background:#ec4899;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.shape-5{background:#8b5cf6;clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}.shape-6{background:#f97316;border-radius:10% 90%/90% 10%}.compartment-card:hover .shape-1{opacity:.5;transform:rotate(0) scale(1.4);filter:blur(25px)}.compartment-card:hover .shape-2{opacity:.5;transform:scale(1.4);filter:blur(25px)}.compartment-card:hover .shape-3{opacity:.5;transform:rotate(45deg) scale(1.4);filter:blur(25px)}.card-label{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:20000;padding:20px}.auth-modal{background:#0f172a;padding:40px;border-radius:40px;width:100%;max-width:400px;position:relative;border:1px solid var(--glass-border);box-shadow:0 30px 60px #00000080;text-align:center}.payment-modal{max-width:500px}.close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.auth-modal h2{font-size:1.75rem;font-weight:800;margin-bottom:24px}.payment-desc{color:var(--text-muted);line-height:1.6;margin-bottom:32px;font-size:1rem}.payment-options{display:flex;flex-direction:column;gap:16px}.payment-options .auth-submit,.payment-options .premium-btn{width:100%;justify-content:center;padding:16px;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:12px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted)}.input-group input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);padding:14px 14px 14px 44px;border-radius:14px;color:#fff;font-size:.95rem;transition:all .3s}.input-group input:focus,.contact-textarea:focus{outline:none;border-color:#3b82f6;background:#ffffff0f}.contact-textarea{width:100%;background:#ffffff08;border:1px solid var(--glass-border);padding:14px 14px 14px 44px;border-radius:14px;color:#fff;font-size:.95rem;transition:all .3s;min-height:120px;resize:vertical;font-family:inherit}.auth-submit{background:#3b82f6;color:#fff;border:none;padding:14px;border-radius:14px;font-weight:800;font-size:1rem;cursor:pointer;margin-top:8px;transition:all .3s}.auth-submit:hover{background:#2563eb;transform:translateY(-2px)}.auth-switch{margin-top:20px;font-size:.85rem;color:var(--text-muted);cursor:pointer}.auth-switch:hover{color:#3b82f6}.premium-promo{margin-top:32px;background:#d977061a;border:1px solid rgba(217,119,6,.2);padding:10px 20px;border-radius:100px;display:flex;align-items:center;gap:12px}.promo-tag{background:#d97706;color:#fff;font-size:.7rem;font-weight:950;padding:2px 8px;border-radius:4px}.premium-promo p{margin:0;font-size:.85rem;font-weight:600;color:#fbbf24}@media(max-width:1000px){.nav-bar{padding:20px}.user-email{display:none}.title{font-size:4rem}.compartments-grid{grid-template-columns:1fr;max-width:400px;gap:24px}.header{margin-bottom:40px;margin-top:80px}}.admin-modal{max-width:800px!important;width:90%!important;max-height:80vh;overflow-y:auto}.admin-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;color:var(--primary);justify-content:center}.admin-table{width:100%;border-collapse:collapse;margin-top:20px;background:#ffffff08;border-radius:12px;overflow:hidden}.admin-table th,.admin-table td{padding:15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table th{background:#ffffff0d;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:1px}.status-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700}.status-badge.premium{background:#8b5cf633;color:var(--primary);border:1px solid rgba(139,92,246,.3)}.status-badge.free{background:#ffffff1a;color:#aaa}.admin-action-btn{padding:8px 16px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.admin-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 5px 15px #8b5cf666}.admin-nav-btn{display:flex;align-items:center;gap:8px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:var(--primary);padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-right:15px}.admin-nav-btn:hover{background:var(--primary);color:#fff;box-shadow:0 0 15px #8b5cf666}.admin-loading{padding:40px;color:var(--text-muted)}.admin-tabs{display:flex;gap:10px;margin-bottom:25px;padding:5px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.admin-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;background:none;color:#94a3b8;cursor:pointer;border-radius:12px;font-weight:700;transition:all .3s}.admin-tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 15px #3b82f64d}.admin-tab-btn:hover:not(.active){background:#ffffff0d;color:#fff}.admin-messages-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto;padding-right:10px}.admin-message-card{background:#ffffff08;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s;text-align:left}.admin-message-card:hover{background:#ffffff0d;border-color:#3b82f633}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}.message-email{color:#3b82f6;font-size:.85rem;background:#3b82f61a;padding:2px 8px;border-radius:6px}.message-text{color:#cbd5e1;line-height:1.5;margin-bottom:15px;white-space:pre-wrap}.message-date{color:#64748b;font-size:.75rem}.message-actions{position:absolute;right:0;top:0;display:flex;gap:10px}.reply-btn,.delete-msg-btn{background:#0f172a66;border:1px solid rgba(255,255,255,.08);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.reply-btn{color:#3b82f6}.reply-btn:hover{background:#3b82f61a;transform:translateY(-2px)}.delete-msg-btn{color:#ef4444}.delete-msg-btn:hover{background:#ef44441a;transform:translateY(-2px)}.no-messages{text-align:center;color:#64748b;padding:40px}