:root{--resin-deep: #0a0f14;--resin-mid: #1a252f;--resin-light: rgba(255, 255, 255, .05);--accent-gold: #c5a367;--accent-glow: rgba(197, 163, 103, .3);--text-main: #e0e0e0;--text-muted: #888;--layer-blur: 12px;--transition-fluid: all .4s cubic-bezier(.22, 1, .36, 1)}html{font-size:16px}@media (min-width: 1600px){html{font-size:18px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--resin-deep);color:var(--text-main);font-family:Montserrat,sans-serif;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--resin-deep)}::-webkit-scrollbar-thumb{background:#2c3e50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.resin-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,#16212a,#0a0f14);overflow:hidden}.resin-layer{position:absolute;filter:blur(80px);opacity:.4;border-radius:50%;animation:flow 20s infinite alternate}.layer-1{width:600px;height:600px;background:#1e3a47;top:-100px;right:-100px}.layer-2{width:400px;height:400px;background:#2c2418;bottom:-50px;left:-50px;animation-delay:-5s}@keyframes flow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,100px) scale(1.1)}}.grain{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.04;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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")}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#ffffff1a;border-radius:4px}input[type=range]::-webkit-slider-thumb{height:32px;width:32px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-12px;box-shadow:0 0 20px var(--accent-glow);border:4px solid var(--resin-deep);transition:var(--transition-fluid)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--accent-gold)}.resin-card{background:var(--resin-light);border:1px solid rgba(255,255,255,.05);transition:var(--transition-fluid);position:relative;overflow:hidden}.resin-card:hover{border-color:#fff3;background:#ffffff14}.resin-card.selected{border-color:var(--accent-gold);background:#c5a3670d}.resin-card.selected:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(197,163,103,.1) 0%,transparent 100%);pointer-events:none}.btn-primary{width:100%;background:var(--accent-gold);color:var(--resin-deep);border:none;padding:24px;font-family:Montserrat,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--transition-fluid);font-size:1rem;display:flex;align-items:center;justify-content:center}.btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{width:100%;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.1);padding:22px;font-family:Montserrat,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--transition-fluid);font-size:.9rem}.btn-secondary:hover:not(:disabled){border-color:#fff6;background:#ffffff0d}