@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--primary:#404040;--primary-hover:#2a2a2a;--primary-light:#fff;--pastel-blue:#c4dade;--pastel-green:#ccdec4;--pastel-pink:#dec5c4;--pastel-lavender:#dac4de;--text-main:#404040;--text-muted:#6b6b6b;--text-light:#fff;--glass-bg:#ffffffeb;--glass-border:#c4dade80;--glass-shadow:0 24px 60px #4040401f;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--text-main);background-color:var(--pastel-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page-wrapper{z-index:0;background:url(/cookies-bg.jpg) 50% 20%/cover no-repeat fixed;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex;position:relative}.page-wrapper:after{content:"";z-index:1;background:linear-gradient(135deg,#c4daded1 0%,#ccdec4d1 35%,#dec5c4d1 65%,#dac4ded1 100%) 0 0/400% 400%;animation:15s ease-in-out infinite gradientShift;position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-card{z-index:2;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--glass-shadow);text-align:center;opacity:0;padding:48px 40px;animation:1s cubic-bezier(.215,.61,.355,1) forwards cardFadeIn;position:relative;transform:translateY(20px)}@media (max-width:480px){.hero-card{padding:36px 24px}}.logo{width:100%;max-width:320px;height:auto;margin:0 auto 32px;display:block}.studio-title{font-family:var(--font-display);color:var(--primary);letter-spacing:-.5px;margin-bottom:8px;font-size:2.5rem;font-weight:700}.studio-subtitle{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;font-size:1.15rem;font-weight:500}.studio-description{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem;font-weight:400;line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--pastel-blue) 0%, var(--pastel-green) 33%, var(--pastel-pink) 66%, var(--pastel-lavender) 100%);width:100%;color:var(--primary);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-bounce);background-size:300% 300%;border:none;justify-content:center;align-items:center;padding:16px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;animation:8s ease-in-out infinite gradientShift;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #40404033}.btn-primary:after{content:"";background:#ffffff26;border-radius:50%;width:300px;height:300px;transition:transform .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 8px 24px #4040404d}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px #40404033}.btn-primary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.social-link{color:var(--text-muted);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.social-link:hover{color:var(--pastel-lavender)}.social-link svg{fill:currentColor;width:20px;height:20px}dialog{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:none;border:1px solid var(--glass-border);width:92%;max-width:480px;margin:auto;padding:40px;overflow:visible;box-shadow:0 30px 70px #0000004d}dialog::backdrop{-webkit-backdrop-filter:blur(6px);opacity:0;background-color:#40404099;animation:.4s ease-out forwards backdropFadeIn}dialog[open]{animation:.4s cubic-bezier(.165,.84,.44,1) forwards dialogScaleUp}@media (max-width:480px){dialog{padding:32px 20px}}.dialog-content{flex-direction:column;display:flex;position:relative}.dialog-header{text-align:center;margin-bottom:28px;padding-left:20px;padding-right:20px}.dialog-title{font-family:var(--font-display);color:var(--primary);margin-bottom:6px;font-size:1.8rem;font-weight:700}.dialog-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.4}.btn-close{background:var(--primary-light);cursor:pointer;width:36px;height:36px;color:var(--text-muted);transition:var(--transition-bounce);z-index:10;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-24px;right:-24px;box-shadow:0 4px 12px #00000014}.btn-close:hover{color:var(--primary);transform:rotate(90deg)scale(1.05);box-shadow:0 6px 16px #0000001f}.btn-close:focus-visible{outline:2px solid var(--pastel-green)}@media (max-width:480px){.btn-close{top:-20px;right:-10px}}.form-group{flex-direction:column;margin-bottom:20px;display:flex;position:relative}.form-label{color:var(--primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:600}.form-input{border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text-main);transition:var(--transition-smooth);background-color:#ffffff80;border:1px solid #40404033;padding:14px 16px;font-size:1rem}.form-input:focus{border-color:var(--pastel-green);background-color:#fff;outline:none;box-shadow:0 0 0 4px #ccdec44d}.form-input::placeholder{color:#6b6b6b80}.form-input:disabled{opacity:.6;cursor:not-allowed}.success-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;animation:.6s ease-out forwards cardFadeIn;display:flex}.success-icon-wrapper{background-color:var(--pastel-green);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.success-icon-wrapper svg{stroke-dasharray:100;stroke-dashoffset:100px;width:44px;height:44px;animation:.8s cubic-bezier(.165,.84,.44,1) .2s forwards drawCheckmark}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogScaleUp{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drawCheckmark{to{stroke-dashoffset:0}}@supports not ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.hero-card,dialog{background:#fffffff5}}