@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-warm:#f5efe6;--bg-cream:#faf7f2;--bg-sandstone:#e8e0d5;--bg-botanical:#8b735514;--sacred-pearl:#fefdfb;--sacred-pearl-soft:#fefdfbf2;--sacred-matte:#f0ebe3;--sacred-frost:#ffffffb3;--sacred-gold:#c9a227;--sacred-gold-dark:#9c7d1c;--sacred-gold-light:#c9a22740;--sacred-gold-glow:#c9a22780;--sacred-gold-shimmer:#dab95566;--sacred-iridescent-1:#fef9ef;--sacred-iridescent-2:#e8ddd0;--sacred-iridescent-3:#d4c8b8;--sacred-iridescent-rainbow:linear-gradient(135deg,#fff5e6e6 0%,#f0e4d2cc 25%,#dcd2c3b3 50%,#c8dcd299 75%,#fffaf0e6 100%);--glass-surface:#ffffff8c;--glass-surface-hover:#ffffffbf;--glass-border:#ffffff80;--glass-border-strong:#fffc;--glass-blur:25px;--glass-shadow:0 8px 32px #8b73551f;--glass-shadow-hover:0 12px 48px #8b73552e;--text-main:#3d3630;--text-muted:#7a7166;--text-gold:#8b7a42;--text-light:#3d363099;--accent-glow:var(--sacred-gold);--accent-dim:var(--sacred-gold-light);--primary-glow:var(--sacred-gold);--primary-dim:var(--sacred-gold-light);--secondary-glow:#b89f65;--secondary-dim:#b89f6533;--botanical-green:#788c6426;--botanical-shadow:#50643c1a;--max-width:1200px;--header-height:80px;--panel-radius:32px;--knob-shadow:0 4px 20px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100vh;overflow-x:hidden}body{background:linear-gradient(180deg,#faf7f2f2 0%,#f5efe6e6 100%),var(--bg-cream);background-color:var(--bg-cream);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}body:before{content:"";z-index:-2;opacity:1;background-image:url(/assets/FP-Frequency-Generator-Plugin-Background.png);background-position:50%;background-size:cover;position:fixed;inset:0}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-hover)}.sacred-panel{background:var(--glass-surface);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border-strong);border-radius:var(--panel-radius);box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffff80,0 0 80px #c9a2270d;position:relative;overflow:hidden}.sacred-panel:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff4d 0%,#0000 50%),radial-gradient(at 70% 80%,#c9a2271a 0%,#0000 50%);position:absolute;inset:0}.btn-sacred{background:var(--sacred-matte);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;letter-spacing:.02em;border-radius:50px;padding:12px 28px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #0000000f}.btn-sacred:hover{background:var(--sacred-pearl);color:var(--text-gold);border-color:var(--sacred-gold-light);transform:translateY(-1px);box-shadow:0 4px 16px #c9a22726}.btn-sacred.active{background:linear-gradient(135deg,var(--sacred-iridescent-1)0%,var(--sacred-iridescent-2)50%,var(--sacred-iridescent-1)100%);color:var(--text-gold);border-color:var(--sacred-gold);box-shadow:0 4px 20px var(--sacred-gold-light),inset 0 1px 0 #ffffff80}.btn-icon-sacred{background:var(--sacred-pearl);border:1px solid var(--glass-border);cursor:pointer;width:44px;height:44px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.btn-icon-sacred:hover{color:var(--sacred-gold);border-color:var(--sacred-gold-light);box-shadow:0 4px 16px #c9a22733}.auth-btn{-webkit-backdrop-filter:blur(12px);color:var(--sacred-gold-dark);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 4px 20px #0000000d}.auth-btn:hover{background:var(--sacred-pearl);color:var(--sacred-gold);border-color:var(--sacred-gold);box-shadow:0 0 25px var(--sacred-gold-glow);transform:translateY(-2px)}.auth-btn:active{transform:translateY(0)}h1,h2,h3{letter-spacing:.02em;color:var(--text-main);font-family:Cormorant Garamond,Georgia,serif;font-weight:300}.text-gradient-gold{background:linear-gradient(135deg,var(--text-gold)0%,var(--sacred-gold)50%,var(--text-gold)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-sacred{letter-spacing:.05em;color:var(--text-muted);font-family:Cormorant Garamond,Georgia,serif;font-weight:400}@keyframes breathe-gold{0%,to{box-shadow:0 0 20px var(--sacred-gold-light);border-color:#c9a2274d}50%{box-shadow:0 0 40px var(--sacred-gold-glow);border-color:#c9a22799}}.animate-breathe-gold{animation:4s ease-in-out infinite breathe-gold}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:6s ease-in-out infinite float-gentle}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}.animate-glow-pulse{animation:3s ease-in-out infinite glow-pulse}.sacred-geometry-bg{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='100' r='60' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='100' r='40' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='40' r='40' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='160' r='40' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='40' cy='100' r='40' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3Ccircle cx='160' cy='100' r='40' fill='none' stroke='%238B7A42' stroke-width='0.5'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}input[type=range]{background:var(--sacred-iridescent-rainbow);appearance:none;cursor:pointer;border-radius:10px;outline:none;width:100%;height:8px;box-shadow:inset 0 1px 3px #0000001a}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sacred-pearl);border:2px solid var(--sacred-gold-light);border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #00000026}input[type=range]::-webkit-slider-thumb:hover{border-color:var(--sacred-gold);box-shadow:0 4px 16px var(--sacred-gold-light);transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--sacred-pearl);border:2px solid var(--sacred-gold-light);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000026}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;will-change:transform,opacity;transform:translateZ(0)}.gpu-animate{will-change:transform;transform:translate(0,0)}canvas{backface-visibility:hidden;image-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.contain-layout{contain:layout style}.contain-paint{contain:paint}.contain-strict{contain:strict}.gpu-blur{backface-visibility:hidden;will-change:backdrop-filter;transform:translateZ(0)}.transition-transform{will-change:transform;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.fixed-gpu{will-change:transform;position:fixed;transform:translateZ(0)}.glow-effect{will-change:box-shadow,filter;transform:translateZ(0)}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.hover-gpu:hover{transform:translateZ(0)scale(1.02)}@media (prefers-reduced-motion:no-preference){.animate-gpu{will-change:transform,opacity;animation-timing-function:cubic-bezier(.25,.8,.25,1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{will-change:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.badge-creator{letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);color:var(--sacred-gold);background:#ffffff08;border:1px solid #c9a2274d;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001a,0 0 15px #c9a2271a}.badge-creator svg{flex-shrink:0}.badge-text{background-image:linear-gradient(135deg,var(--sacred-gold-dark)0%,var(--sacred-gold)50%,var(--sacred-gold-dark)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.badge-creator:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#fff6,#fff3,#0000);width:100%;height:100%;animation:4s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.badge-creator:hover{border-color:var(--sacred-gold);transform:translateY(-1px)scale(1.02);box-shadow:0 4px 20px #c9a22733,0 0 25px #c9a22726}@keyframes shimmer-sweep{0%{left:-150%}30%{left:150%}to{left:150%}}