@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--clay-bg)}::-webkit-scrollbar-thumb{background-color:var(--clay-bg-dark);border:3px solid var(--clay-bg);border-radius:20px}body{background-color:var(--clay-bg);color:var(--clay-text);margin:0;padding:0;overflow-x:hidden}.app-container{flex-direction:column;width:100%;max-width:1240px;min-height:100vh;margin:0 auto;padding:30px 20px 80px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (width<=992px){.grid-2{grid-template-columns:1fr;gap:30px}}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.bullet-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bullet-list li{padding-left:24px;font-size:14.5px;font-weight:600;line-height:1.6;position:relative}.bullet-list.orange-balls li:before{content:"";background:var(--clay-primary);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:0;box-shadow:2px 3px 6px #f28e724d,inset 1px 1px 2px #fff,inset -1px -1px 2px #00000026}.bullet-list.blue-balls li:before{content:"";background:var(--clay-blue);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:0;box-shadow:2px 3px 6px #6cb4e64d,inset 1px 1px 2px #fff,inset -1px -1px 2px #00000026}:root{--clay-bg:#e6eef5;--clay-bg-dark:#d5dfeb;--clay-primary:#f7a3be;--clay-primary-light:#fdf0f4;--clay-primary-dark:#e0688a;--clay-secondary:#9fd9c9;--clay-secondary-light:#f0faf7;--clay-secondary-dark:#5cb09a;--clay-blue:#8cbdf2;--clay-blue-light:#f0f6fd;--clay-blue-dark:#4b8cd1;--clay-accent:#ff4d82;--clay-white:#fff;--clay-text:#2c3e50;--clay-text-muted:#637b94;--clay-radius-lg:28px;--clay-radius-md:20px;--clay-radius-sm:14px;--clay-shadow-outer:12px 16px 32px #a3b1c673, -8px -8px 20px #fffffff2;--clay-shadow-outer-btn:6px 8px 16px #8cbdf259;--clay-shadow-outer-accent:6px 8px 16px #f7a3be59;--clay-shadow-outer-blue:6px 8px 16px #8cbdf240;--clay-shadow-inner-inset:inset 6px 6px 12px #a3b1c68c, inset -6px -6px 12px #ffffffd9;--clay-shadow-inner-white:inset 3px 3px 6px #ffffffe6, inset -4px -4px 8px #a3b1c633;--font-clay:"Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--trans-clay:transform .3s cubic-bezier(.175, .885, .32, 1.275), box-shadow .3s cubic-bezier(.175, .885, .32, 1.275), background-color .2s ease}body{font-family:var(--font-clay);background-color:var(--clay-bg);color:var(--clay-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.clay-noise-overlay{z-index:99999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='noiseFilter'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23noiseFilter)'/></svg>");width:100vw;height:100vh;position:fixed;top:0;left:0}.clay-card{background:var(--clay-white);border-radius:var(--clay-radius-lg);box-shadow:var(--clay-shadow-outer);box-sizing:border-box;transition:var(--trans-clay);border:1.5px solid #ffffffa6;padding:24px}.clay-card:hover{transform:translateY(-4px);box-shadow:12px 18px 36px #6b31221a,-4px -4px 16px #ffffffe6}.clay-panel-inset{background:var(--clay-bg-dark);border-radius:var(--clay-radius-md);box-shadow:var(--clay-shadow-inner-inset);border:1.5px solid #fff6;padding:20px}.clay-btn{font-family:var(--font-clay);border-radius:var(--clay-radius-sm);cursor:pointer;transition:var(--trans-clay);box-sizing:border-box;border:1.5px solid #ffffff8c;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.clay-btn.primary{background-color:var(--clay-primary);color:var(--clay-white);box-shadow:var(--clay-shadow-outer-btn), inset 2px 2px 4px #ffffff73, inset -3px -3px 6px #6b312226}.clay-btn.primary:hover{background-color:#f7997f;transform:scale(1.04)translateY(-1px);box-shadow:8px 12px 20px #f28e724d,inset 2px 2px 4px #ffffff73}.clay-btn.primary:active{transform:scale(.97)translateY(1px);box-shadow:inset 3px 3px 6px #6b312238,inset -2px -2px 4px #fff3}.clay-btn.secondary{background-color:var(--clay-secondary);color:var(--clay-white);box-shadow:6px 8px 16px #7ecbb438,inset 2px 2px 4px #ffffff73,inset -3px -3px 6px #0000001a}.clay-btn.secondary:hover{background-color:#8ed9c2;transform:scale(1.04)translateY(-1px);box-shadow:8px 12px 20px #7ecbb44d,inset 2px 2px 4px #ffffff73}.clay-btn.secondary:active{transform:scale(.97)translateY(1px);box-shadow:inset 3px 3px 6px #5eb09840,inset -2px -2px 4px #fff3}.clay-btn.info{background-color:var(--clay-blue);color:var(--clay-white);box-shadow:var(--clay-shadow-outer-blue), inset 2px 2px 4px #ffffff73, inset -3px -3px 6px #6b31221a}.clay-btn.info:hover{background-color:#81c2ee;transform:scale(1.04)translateY(-1px);box-shadow:8px 12px 20px #6cb4e64d,inset 2px 2px 4px #ffffff73}.clay-btn.info:active{transform:scale(.97)translateY(1px);box-shadow:inset 3px 3px 6px #4da0da40,inset -2px -2px 4px #fff3}.clay-btn.neutral{background-color:var(--clay-white);color:var(--clay-text);box-shadow:var(--clay-shadow-outer), inset 2px 2px 4px #ffffffe6}.clay-btn.neutral:hover{background-color:var(--clay-bg);transform:scale(1.04)translateY(-1px)}.clay-btn.neutral:active{box-shadow:var(--clay-shadow-inner-inset);transform:scale(.97)translateY(1px)}.clay-btn:disabled,.clay-btn.disabled{background-color:var(--clay-bg-dark);color:var(--clay-text-muted);cursor:not-allowed;opacity:.65;box-shadow:var(--clay-shadow-inner-inset)!important;border-color:#fff3!important;transform:none!important}.clay-input{font-family:var(--font-clay);background:var(--clay-bg);border-radius:var(--clay-radius-sm);width:100%;color:var(--clay-text);box-shadow:var(--clay-shadow-inner-inset);box-sizing:border-box;border:1.5px solid #6b312214;outline:none;padding:12px 18px;font-size:14px;font-weight:500;transition:border-color .25s,box-shadow .25s}.clay-input:focus{border-color:var(--clay-primary);box-shadow:var(--clay-shadow-inner-inset), 0 0 0 3px #f28e722e}.clay-select{font-family:var(--font-clay);background:var(--clay-white);border-radius:var(--clay-radius-sm);color:var(--clay-text);cursor:pointer;box-shadow:var(--clay-shadow-outer);transition:var(--trans-clay);border:1.5px solid #fff9;outline:none;padding:10px 16px;font-size:14px;font-weight:600}.clay-select:hover{transform:translateY(-1px)}.clay-text-emboss{text-shadow:1px 1px #fffc,-.5px -.5px .5px #6b312226}.clay-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #ffffff80;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:3px 4px 10px #6b31220d,inset 1.5px 1.5px 3px #ffffffb3}.clay-badge.orange{background-color:var(--clay-primary-light);color:var(--clay-primary-dark)}.clay-badge.green{background-color:var(--clay-secondary-light);color:var(--clay-secondary-dark)}.clay-badge.blue{background-color:var(--clay-blue-light);color:var(--clay-blue-dark)}.clay-bounce{animation:4s cubic-bezier(.45,0,.55,1) infinite bounce-subtle}.clay-spin-slow{animation:15s linear infinite spin-slow}