/* LICENSE MODAL */
.license-modal { position:fixed; top:0; left:0; width:100%; height:100%; z-index:20000; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.license-bg { position:absolute; inset:0; background:linear-gradient(rgba(8,14,26,0.62), rgba(8,14,26,0.82)), url('assets/img/bg-login.png'); background-size:cover; background-position:center; }
.license-overlay { position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 50% 100%, rgba(10,12,20,0.95) 0%, transparent 70%); pointer-events:none; }
.license-panel { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; width:100%; max-width:500px; padding:24px; animation:panelEntrance 0.9s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes panelEntrance { from { opacity:0; transform:translateY(40px); } to { opacity:1; transform:translateY(0); } }
.license-brand { text-align:center; margin-bottom:32px; }
.license-logo-ring { width:76px; height:76px; margin:0 auto 16px; position:relative; display:flex; align-items:center; justify-content:center; }
.license-logo-ring::before { content:''; position:absolute; inset:0; border-radius:50%; border:1.5px solid transparent; background:linear-gradient(135deg,rgba(79,141,255,0.8),rgba(56,232,212,0.6),rgba(79,141,255,0.2)) border-box; -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0); -webkit-mask-composite:destination-out; mask-composite:exclude; animation:ringRotate 8s linear infinite; }
@keyframes ringRotate { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.license-logo-ring::after { content:''; position:absolute; inset:6px; border-radius:50%; background:radial-gradient(circle,rgba(79,141,255,0.2),rgba(10,12,20,0.8)); border:1px solid rgba(79,141,255,0.2); }
.license-logo-icon { position:relative; z-index:1; font-size:1.7rem; color:#4f8dff; filter:drop-shadow(0 0 12px rgba(79,141,255,0.6)); }
.license-app-name { font-family:'DM Serif Display',serif; font-size:3rem; letter-spacing:6px; color:#fff; line-height:1; margin-bottom:6px; }
.license-app-sub { font-size:0.76rem; font-weight:400; letter-spacing:4px; text-transform:uppercase; color:rgba(139,144,160,0.9); margin-bottom:8px; }
.license-version-chip { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:20px; background:rgba(79,141,255,0.12); border:1px solid rgba(79,141,255,0.25); font-size:0.7rem; font-family:'DM Mono',monospace; color:#4f8dff; letter-spacing:1px; }
.license-version-chip::before { content:''; width:6px; height:6px; border-radius:50%; background:#4f8dff; box-shadow:0 0 8px rgba(79,141,255,0.8); animation:pulse 2s ease infinite; }
@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(0.8); } }
.license-card { width:100%; background:rgba(21,24,32,0.88); border:1px solid rgba(50,56,80,0.7); border-radius:20px; padding:32px; backdrop-filter:blur(24px); box-shadow:0 32px 80px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.06); }
.license-card-title { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.license-card-title i { color:#4f8dff; }
.license-card-title h3 { font-size:1.1rem; font-weight:600; color:#e8ecf4; }
.license-card-desc { font-size:0.81rem; color:#8b90a0; margin-bottom:24px; line-height:1.6; }
.license-input-wrapper { position:relative; margin-bottom:14px; }
.license-modal input { width:100%; padding:13px 16px 13px 44px; background:rgba(13,15,20,0.7); border:1px solid #2a2f40; border-radius:12px; color:#e8ecf4; font-size:1.05rem; font-family:'DM Mono',monospace; letter-spacing:3px; text-transform:uppercase; transition:all 0.2s; outline:none; }
.license-modal input:focus { border-color:#4f8dff; box-shadow:0 0 0 3px rgba(79,141,255,0.15); }
.license-input-icon { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#8b90a0; pointer-events:none; }
.btn-activate { width:100%; padding:14px; border-radius:12px; font-size:0.9rem; font-weight:600; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px; background:linear-gradient(135deg,#4f8dff 0%,#1a5ae0 100%); color:#fff; box-shadow:0 8px 24px rgba(79,141,255,0.35); transition:all 0.25s; }
.btn-activate:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(79,141,255,0.5); }
.btn-activate:disabled { opacity:0.6; cursor:not-allowed; transform:none; }
.license-message { text-align:center; margin-top:14px; font-size:0.82rem; color:#ff5e5e; min-height:20px; display:flex; align-items:center; justify-content:center; gap:6px; }
.license-divider { display:flex; align-items:center; gap:12px; margin:18px 0; }
.license-divider::before, .license-divider::after { content:''; flex:1; height:1px; background:#2a2f40; }
.license-divider span { font-size:0.72rem; color:#8b90a0; text-transform:uppercase; letter-spacing:1px; }
.license-features { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.license-feature { display:flex; align-items:center; gap:8px; padding:9px 12px; background:rgba(79,141,255,0.05); border:1px solid rgba(79,141,255,0.1); border-radius:10px; font-size:0.76rem; color:#8b90a0; }
.license-feature i { font-size:0.74rem; color:#4f8dff; }
.license-footer { margin-top:22px; text-align:center; }
.license-footer-text { font-size:0.72rem; color:rgba(85,93,114,0.8); }
.license-footer-text a { color:rgba(79,141,255,0.7); text-decoration:none; }
.license-loading { display:none; align-items:center; justify-content:center; gap:8px; padding:10px; font-size:0.82rem; color:#4f8dff; }
.spinner-ring { width:18px; height:18px; border:2px solid rgba(79,141,255,0.2); border-top-color:#4f8dff; border-radius:50%; animation:spin 0.7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }