@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Caveat:wght@400..700&display=swap");:root{--background:#f4f6f8;--foreground:#2c3e50;--header-text:#2c3e50;--surface:#ffffff;--surface-hover:#f9fafb;--primary:#ff6b6b;--primary-hover:#fa5252;--primary-glow:rgba(255,107,107,0.1);--accent:#1dd1a1;--secondary:#ffffff;--card-bg:#ffffff;--card-border:rgba(44,62,80,0.08);--success:#1dd1a1;--error:#ff6b6b;--glass:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.5);--text-muted:#7f8c8d;--shadow-sm:0 2px 4px rgba(44,62,80,0.04);--shadow-md:0 12px 24px rgba(44,62,80,0.08);--shadow-lg:0 24px 48px rgba(44,62,80,0.12);--shadow-premium:0 40px 80px rgba(44,62,80,0.15)}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--background);color:var(--foreground);font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;position:relative}body:before{background-image:radial-gradient(at 0 0,#e8edf2 0,transparent 50%),radial-gradient(at 100% 0,#fff0f0 0,transparent 50%),radial-gradient(at 50% 100%,#e0fff4 0,transparent 50%);filter:blur(100px)}body:after,body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}body:after{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.font-display,h1,h2,h3,h4{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--foreground)}.premium-gradient{background:linear-gradient(135deg,#2c3e50,#4a6a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:40px;box-shadow:var(--shadow-md)}.glass-card:hover{background:rgba(255,255,255,.9);border-color:rgba(8,145,178,.3);box-shadow:var(--shadow-lg)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#fa5252);color:white;padding:14px 40px;border-radius:100px;border:none;font-family:Caveat,cursive;font-weight:700;font-size:1.6rem;line-height:1;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 30px rgba(255,107,107,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(255,107,107,.3)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;color:var(--foreground);padding:12px 32px;border-radius:100px;border:1px solid var(--card-border);font-family:Caveat,cursive;font-weight:700;font-size:1.4rem;line-height:1;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.05);border-color:var(--primary);color:var(--primary)}.container{max-width:1300px;margin:0 auto;padding:0 40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:768px){.container{padding:0 24px}h1{font-size:2.5rem!important}}.waveform-premium-card{position:relative;width:100%;padding:60px;border-radius:40px;background:#ffffff;border:1px solid rgba(0,0,0,.03);box-shadow:var(--shadow-premium);overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1)}.waveform-premium-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px rgba(0,0,0,.08);border-color:rgba(0,0,0,.1)}.waveform-placeholder-box{display:flex;align-items:center;justify-content:center;padding:80px 20px;border:2px dashed var(--card-border);border-radius:24px;color:var(--text-muted);font-weight:500;font-size:1rem;background:var(--secondary)}.waveform-svg{overflow:visible}@media (max-width:640px){.waveform-premium-card{padding:24px;border-radius:20px}}.logo-text-base{font-family:Montserrat,sans-serif;font-weight:800;color:#2c3e50;display:inline-flex;align-items:center;letter-spacing:-.02em;line-height:1}.logo-pause-sticks{color:#ff6a6a;font-weight:900;margin:0 1px;letter-spacing:1px;display:inline-block;transform:scaleY(1.1);transform-origin:center;vertical-align:middle}