:root{--bg-dark: #4A4A4A;--bg-card: rgba(20, 20, 20, .6);--primary: #6D8196;--accent: #6D8196;--text-white: #ffffE3;--text-muted: #888888;--glass-border: rgba(255, 255, 255, .1);--transition: all .5s cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Poppins,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-white);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.blob{position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none}.blob-1{top:-10%;right:-5%}.blob-2{bottom:-10%;left:-5%}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:300;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto}.btn{padding:12px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),#5d16a6);color:#fff;box-shadow:0 4px 20px #8a2be266}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8a2be299}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:#fff}.btn-outline:hover{background:#ffffff0d;border-color:var(--accent)}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}.blob-1{animation:pulse-glow 10s infinite alternate}.blob-2{animation:pulse-glow 15s infinite alternate-reverse}.float{animation:float 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.165,.84,.44,1)}.reveal.active{opacity:1;transform:translateY(0)}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeOutOverlay .8s ease-in-out forwards 5.2s}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0;visibility:hidden}}.loader-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo-reveal{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;opacity:0;animation:logoAppear .8s ease-out forwards 2s}.logo-glow-circle{position:absolute;width:100%;height:100%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);border-radius:50%;filter:blur(10px);animation:logoPulse 2s infinite ease-in-out}.loader-logo-text{font-size:4rem;font-weight:800;color:#fff;z-index:1;letter-spacing:-4px}.loader-logo-text .dot{color:#0f8}@keyframes logoAppear{0%{opacity:0;transform:scale(.5) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logoPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes revealLetter{0%{opacity:0;transform:translateY(20px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.brand-info{display:flex;flex-direction:column;align-items:center}.brand-name{display:flex;justify-content:center;flex-wrap:wrap;overflow:hidden;margin-bottom:1rem}.letter{font-size:1.5rem;font-weight:300;letter-spacing:.5rem;color:#fff;opacity:0;display:inline-block;text-shadow:0 0 10px rgba(168,85,247,.5);animation:revealLetter .5s cubic-bezier(.165,.84,.44,1) forwards}.tagline{font-size:.8rem;font-weight:400;letter-spacing:.2rem;color:var(--accent);text-transform:uppercase;opacity:0;text-shadow:0 0 5px var(--accent)}.initializing-text{font-family:Courier New,Courier,monospace;font-size:.9rem;color:var(--text-muted);margin-bottom:20px;border-right:2px solid var(--accent);white-space:nowrap;overflow:hidden;width:0;animation:typing 2s steps(30,end) forwards,blink .5s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--accent)}}