@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Inter", sans-serif;--font-body:"Inter", sans-serif;--bg-ink:#0a0a0a;--bg-paper:#e6d5b8;--text-paper:#f5f0e1;--text-aged:#d1c5a5;--text-ghost:#8a8575;--son:#9f2f23;--thep:#f2c94c;--fs-micro:13px;--fs-xs:15px;--fs-sm:17px;--fs-base:19px;--fs-md:21px;--fs-lg:26px;--fs-xl:32px;--fs-2xl:40px;--fs-3xl:50px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;--btn-h:50px;--btn-fs:var(--fs-md);--btn-r:var(--r-md);--btn-primary-bg:linear-gradient(135deg, #a83b2a, #c4503a);--btn-gold-bg:linear-gradient(135deg, #c9ae5e, #a68d46);--card-bg:#ffffff05;--card-border:#ffffff0d;--card-r:var(--r-md);--card-p:var(--sp-md);--input-h:52px;--input-fs:var(--fs-base);--input-bg:#fff8e612;--input-border:#f2c94c38;--input-border-focus:var(--thep);--input-r:var(--r-sm)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-ink);color:var(--text-paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:url(/mockups/bg-texture.jpg);background-position:50%;background-size:cover;background-attachment:fixed;margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.4px;margin-top:0;font-weight:800;line-height:1.25}.text-son{color:var(--son)}.text-thep{color:var(--thep);text-shadow:0 0 10px #f2c94c66}.text-aged{color:var(--text-aged)}.text-center{text-align:center}.container{z-index:1;background-color:#0000;max-width:500px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 50px #000c}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}.btnPrimary{width:100%;color:var(--text-paper);border-radius:var(--r-md);font-size:var(--fs-lg);cursor:pointer;font-weight:700;font-family:var(--font-body);letter-spacing:.5px;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#9f2f23 0%,#d1533d 100%);border:1px solid #f2c94ccc;padding:18px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #9f2f2399,inset 0 1px #fff3,0 0 10px #f2c94c4d}.btnPrimary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btnPrimary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #9f2f23cc,inset 0 1px #fff6,0 0 15px #f2c94c80}.btnPrimary:active{transform:translateY(0)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes galleryFade{0%{opacity:0}to{opacity:1}}.galleryThumbs::-webkit-scrollbar{display:none}.animate-spin-slow{animation:24s linear infinite spin-slow}.text-gradient-gold{background:linear-gradient(135deg,#fff4d0 0%,#dfbe61 30%,#f2c94c 70%,#b8860b 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #f2c94c4d;-webkit-background-clip:text}.badge-premium{color:#fff4d0;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,#f2c94c1a 0%,#f2c94c05 50%,#f2c94c1a 100%);border:1px solid #f2c94c80;border-radius:30px;padding:8px 24px;display:inline-block;box-shadow:inset 0 0 10px #f2c94c33,0 0 15px #f2c94c1a}.btnGold{height:var(--btn-h);font-size:var(--btn-fs);border-radius:var(--btn-r);background:var(--btn-gold-bg);color:var(--bg-ink);padding:0 var(--sp-lg);letter-spacing:.5px;text-transform:uppercase;width:100%;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #c9ae5e4d}.btnGold:hover{filter:brightness(1.1);box-shadow:0 6px 20px #c9ae5e80}.btnGold:active{transform:scale(.98)}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-lg);background:#0f0f0f99;border:1px solid #f2c94c33;margin-bottom:24px;padding:24px;transition:transform .3s,box-shadow .3s}.card:hover{border:1px solid #f2c94c66;transform:translateY(-3px);box-shadow:0 8px 25px #00000080,0 0 15px #f2c94c26}.input{height:var(--input-h);font-size:var(--input-fs);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-r);color:var(--text-paper);padding:0 var(--sp-md);width:100%;transition:all .2s;box-shadow:inset 0 1px #fff8e60a,0 1px 3px #00000059}.input:hover{background:#fff8e61a;border-color:#f2c94c61}.input:focus{border-color:var(--input-border-focus);background:#fff8e61c;outline:none;box-shadow:0 0 0 2.5px #f2c94c2e,inset 0 1px #fff8e60f}.input::placeholder{color:#8a8575d9}.select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%238A8575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.select:hover{background-color:#fff8e61a;border-color:#f2c94c61}.select:focus{border-color:var(--thep);background-color:#fff8e61c;outline:none;box-shadow:0 0 0 2.5px #f2c94c2e}.select option{color:var(--text-paper);background:#141010}.img-responsive{border-radius:var(--r-md);max-width:100%;height:auto}.img-shadow{border:1px solid #c9ae5e26;box-shadow:0 8px 30px #0009}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px var(--thep));transform:scale(1)}50%{filter:drop-shadow(0 0 8px var(--thep));transform:scale(1.05)}to{filter:drop-shadow(0 0 2px var(--thep));transform:scale(1)}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow}.animate-float{animation:4s ease-in-out infinite float}.spin{animation:8s linear infinite spin}:root{--bg-black:#0a0a0a;--text-gold:#f2c94c;--text-light:#f5f0e1;--fs-xxl:36px}.card-glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:var(--sp-lg);background:#0c0804cc;border:1px solid #f2c94c1f}.animate-fade-in{animation:.6s forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes scoreGrow{0%{width:0%}to{width:var(--target-w,0%)}}
