:root{--primary-blue:#0a74da;--hover-blue:#085bab;--light-blue:#ebf4fc;--white:#fff;--text-dark:#1f2937;--text-light:#6b7280;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0a74da26;--radius:12px}body{min-height:100vh;color:var(--text-dark);background:linear-gradient(135deg,#f0f4f8 0%,#e2ecf6 100%);margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid #ffffff80;padding:30px}.btn-primary{background:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s ease-in-out;display:flex}.btn-primary:hover{background:var(--hover-blue);transform:translateY(-2px);box-shadow:0 4px 10px #0a74da4d}.btn-outline{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-size:16px;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--light-blue)}.input-field{box-sizing:border-box;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 15px;font-size:15px;transition:border-color .2s}.input-field:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0a74da1a}h1,h2,h3{color:var(--text-dark)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}div[data-board]{outline:none!important}@media (width<=600px){.card{margin:10px;padding:15px}div[style*="width: 500px"],div[style*="width: 440px"]{width:95vw!important;height:95vw!important}}