:root{--bg-color:#f0f9ff;--text-color:#1e293b;--card-bg:#ffffffe6;--sky-blue:#0ea5e9;--sky-blue-hover:#0284c7;--brand-red:#ef4444;--border-color:#bae6fd;--shadow:0 4px 6px -1px #0ea5e926}body.dark-mode{--bg-color:#0f172a;--text-color:#f1f5f9;--card-bg:#1e293be6;--border-color:#334155;--shadow:0 4px 6px -1px #00000080}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:all .3s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 30% 40%,#0ea5e926 0%,#0000 50%),radial-gradient(circle at 70% 60%,#38bdf826 0%,#0000 50%),radial-gradient(circle at 50% 80%,#bae6fd4d 0%,#0000 50%);width:200%;height:200%;animation:15s ease-in-out infinite alternate floatBubbles;position:fixed;top:-50%;left:-50%}body.dark-mode:before{background:radial-gradient(circle at 30% 40%,#0ea5e91a 0%,#0000 50%),radial-gradient(circle at 70% 60%,#38bdf81a 0%,#0000 50%),radial-gradient(circle at 50% 80%,#1e293b80 0%,#0000 50%)}@keyframes floatBubbles{0%{transform:translate(0)scale(1)}50%{transform:translate(2%,2%)scale(1.05)}to{transform:translate(-2%,-2%)scale(1)}}.container{z-index:1;max-width:1200px;margin:0 auto;padding:20px;position:relative}.logo-box{border:2px solid var(--sky-blue);background:linear-gradient(135deg,#fff,#e0f2fe);border-radius:12px;align-items:center;padding:8px 20px;transition:all .3s;display:inline-flex;box-shadow:0 6px 20px #0ea5e940}body.dark-mode .logo-box{border-color:var(--sky-blue);background:linear-gradient(135deg,#1e293b,#0f172a)}.logo-box:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.logo-text{letter-spacing:1.5px;font-size:24px;font-weight:900}.logo-photo{color:#1e293b}body.dark-mode .logo-photo{color:#f1f5f9}.logo-vg{color:var(--brand-red);text-shadow:0 0 12px #ef4444b3}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #0ea5e966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#64748b;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid #0ea5e933;border-top:4px solid var(--sky-blue);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{text-align:center;border-top:5px solid var(--sky-blue);background:#fff;border-radius:16px;width:90%;max-width:400px;padding:30px;animation:.3s slideUp;box-shadow:0 20px 40px #0ea5e94d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-icon{color:var(--sky-blue);margin-bottom:15px;font-size:50px}.modal-title{color:#1e293b;margin-bottom:10px;font-size:20px;font-weight:700}.modal-message{color:#64748b;margin-bottom:25px;font-size:15px;line-height:1.5}.modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none;border-radius:50px;width:100%;padding:12px 40px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 14px #0ea5e966}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0ea5e926}