:root{--color-green:#078930;--color-green-dark:#056322;--color-yellow:#fcdd09;--color-red:#da121a;--color-red-dark:#a50d13;--color-blue:#0052b4;--color-bg-cotton:#faf7f0;--color-text-dark:#1c1917;--color-text-muted:#6b5e53;--color-card-bg:#ffffffd9;--glass-border:#fffc;--glass-blur:16px;--shadow-premium:0 10px 30px #1c19170a}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--color-bg-cotton);color:var(--color-text-dark);touch-action:none;background-image:linear-gradient(#1c191705 1px,#0000 1px),linear-gradient(90deg,#1c191705 1px,#0000 1px);background-size:20px 20px;width:100vw;height:100vh;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100%;height:100%}.tilet-border{z-index:100;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='48' viewBox='0 0 80 48'%3E%3Crect x='0' y='0' width='80' height='2' fill='%23078930'/%3E%3Crect x='0' y='2' width='80' height='2' fill='%23FCDD09'/%3E%3Crect x='0' y='4' width='80' height='2' fill='%23DA121A'/%3E%3Crect x='0' y='6' width='80' height='2' fill='%230052B4'/%3E%3Cpath d='M40 8 L60 24 L40 40 L20 24 Z' fill='%23DA121A' stroke='%23FCDD09' stroke-width='1.5'/%3E%3Cpath d='M40 14 L50 24 L40 34 L30 24 Z' fill='%23078930' stroke='%230052B4' stroke-width='1'/%3E%3Cpath d='M40 19 L45 24 L40 29 L35 24 Z' fill='%23FCDD09'/%3E%3Cpath d='M0 24 L20 8 L20 40 Z' fill='%23078930' stroke='%23FCDD09' stroke-width='1.5'/%3E%3Cpath d='M0 24 L10 16 L10 32 Z' fill='%23DA121A' stroke='%230052B4' stroke-width='1'/%3E%3Cpath d='M80 24 L60 8 L60 40 Z' fill='%23078930' stroke='%23FCDD09' stroke-width='1.5'/%3E%3Cpath d='M80 24 L70 16 L70 32 Z' fill='%23DA121A' stroke='%230052B4' stroke-width='1'/%3E%3Cpath d='M20 8 L40 8 L20 24 Z' fill='%230052B4'/%3E%3Cpath d='M60 8 L40 8 L60 24 Z' fill='%230052B4'/%3E%3Cpath d='M20 40 L40 40 L20 24 Z' fill='%230052B4'/%3E%3Cpath d='M60 40 L40 40 L60 24 Z' fill='%230052B4'/%3E%3Crect x='0' y='40' width='80' height='2' fill='%230052B4'/%3E%3Crect x='0' y='42' width='80' height='2' fill='%23DA121A'/%3E%3Crect x='0' y='44' width='80' height='2' fill='%23FCDD09'/%3E%3Crect x='0' y='46' width='80' height='2' fill='%23078930'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:auto 100%;height:32px;animation:18s linear infinite moveTilet;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 10px #0000000a}.tilet-border.bottom{top:auto;bottom:0;box-shadow:0 -4px 10px #0000000a}@keyframes moveTilet{0%{background-position:0 0}to{background-position:80px 0}}.glass{background:var(--color-card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1.5px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:24px}.flex-center{justify-content:center;align-items:center;display:flex}.absolute-fill{position:absolute;inset:0}.video-bg{object-fit:cover;opacity:.1;z-index:-1;width:100%;height:100%;position:absolute}.btn-3d{cursor:pointer;text-transform:uppercase;border:none;outline:none;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-weight:800;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;transform:translateY(0)}.btn-3d:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff4d 0%,#fff0 100%);height:45%;position:absolute;top:0;left:0;right:0}.btn-3d:active{transform:translateY(4px)}.btn-3d-green{background:linear-gradient(180deg, #10b943 0%, var(--color-green) 100%);color:#fff;box-shadow:0 8px 0 var(--color-green-dark), 0 12px 24px #07893066, inset 0 2px 0 #fff6, inset 0 -2px 0 #00000026}.btn-3d-green:active{box-shadow:0 4px 0 var(--color-green-dark), 0 6px 12px #0789304d, inset 0 2px 0 #fff6, inset 0 -2px 0 #00000026}.btn-3d-red{background:linear-gradient(180deg, #ff2a33 0%, var(--color-red) 100%);color:#fff;box-shadow:0 8px 0 var(--color-red-dark), 0 12px 24px #da121a66, inset 0 2px 0 #fff6, inset 0 -2px 0 #00000026}.btn-3d-red:active{box-shadow:0 4px 0 var(--color-red-dark), 0 6px 12px #da121a4d, inset 0 2px 0 #fff6, inset 0 -2px 0 #00000026}.btn-3d-glass{color:var(--color-text-dark);background:linear-gradient(#fff 0%,#f3f4f6 100%);box-shadow:0 8px #d1d5db,0 12px 24px #0000001a,inset 0 2px #fff,inset 0 -2px #0000000d}.btn-3d-glass:active{box-shadow:0 4px #d1d5db,0 6px 12px #0000000d,inset 0 2px #fff,inset 0 -2px #0000000d}.pulsate{perspective:1000px;animation:2.4s ease-in-out infinite float3D}@keyframes float3D{0%{transform:translateY(0)scale(1)rotateX(0);box-shadow:0 6px #00000026,0 4px 15px #0006}50%{transform:translateY(-10px)scale(1.05)rotateX(6deg);box-shadow:0 12px #00000026,0 15px 25px #0009}to{transform:translateY(0)scale(1)rotateX(0);box-shadow:0 6px #00000026,0 4px 15px #0006}}.app-container{background-color:var(--color-bg-cotton);width:100%;height:100%;position:relative;overflow:hidden}@media (width>=768px){body{background-image:url(https://images.unsplash.com/photo-1550966871-3ed3cdb5ed0c?w=1600&auto=format&fit=crop&q=80);background-position:50%;background-size:cover}#root{justify-content:center;align-items:center;display:flex}body:before{content:"";-webkit-backdrop-filter:blur(10px);z-index:-1;background:#0006;position:absolute;inset:0}.app-container{border:8px solid #ffffff26;border-radius:40px;width:420px;height:85vh;max-height:900px;transform:translateZ(0);box-shadow:0 40px 80px #0006}}