@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#8b5a8f;--primary-dark:#6b4570;--primary-light:#e8d5e8;--secondary:#d4a574;--success:#52b788;--warning:#ffb703;--danger:#e63946;--bg-main:#fafbfd;--bg-card:#fff;--text-primary:#1a202c;--text-secondary:#718096;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 10px 25px #0000001f;--shadow-lg:0 20px 40px #00000026}body{min-height:100vh;color:var(--text-primary);background:linear-gradient(135deg,#f5f1f8 0%,#e8d5e8 100%);padding:20px;font-family:Poppins,sans-serif;line-height:1.6}.container{max-width:1627px;margin:0 auto}.card{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid #8b5a8f1a;border-radius:16px;margin:20px 0;padding:30px;transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}h1{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:-10px 0 20px;padding:30px 0;font-family:Playfair Display,serif;font-size:48px;font-weight:700}h2{color:var(--primary);border-bottom:2px solid var(--primary-light);margin-bottom:18px;padding-bottom:12px;font-family:Playfair Display,serif;font-size:24px}.grid2{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.section-box{border-left:4px solid var(--primary);background:linear-gradient(135deg,#8b5a8f0d 0%,#d4a5740d 100%);border-radius:12px;padding:24px;transition:all .3s}.section-box:hover{background:linear-gradient(135deg,#8b5a8f14 0%,#d4a57414 100%);transform:translate(4px)}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}input,select{border:1.5px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 14px;font-family:Poppins,sans-serif;font-size:14px;transition:all .3s}input:focus,select:focus{border-color:var(--primary);background:linear-gradient(90deg,#8b5a8f05,#0000);outline:none;box-shadow:0 0 0 4px #8b5a8f1a}.btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:10px;margin-top:15px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.result-box{margin-top:20px}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.boy-card,.girl-card{border:2px solid #0000;border-radius:14px;padding:20px;transition:all .3s}.boy-card{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#90caf9;border-left-style:solid;border-left-width:5px}.boy-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1976d226}.girl-card{background:linear-gradient(135deg,#fce4ec 0%,#f8bbd0 100%);border-color:#f48fb1;border-left-style:solid;border-left-width:5px}.girl-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c2185b26}.pname{margin-bottom:12px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.pinfo{color:#333;font-size:13px;line-height:1.8}.score-table{border-collapse:collapse;width:100%;box-shadow:var(--shadow-sm);border-radius:10px;margin:15px 0;font-size:14px;overflow:hidden}.score-table th{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;padding:14px;font-weight:600}.score-table td{border-bottom:1px solid var(--border-color);text-align:center;padding:12px 14px}.score-table tr:nth-child(2n){background:#8b5a8f08}.score-table .total-row{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(135deg, var(--secondary) 0%, #c79654 100%)!important}.verdict{text-align:center;border:2px solid var(--success);background:linear-gradient(135deg,#52b7881a 0%,#52b7880d 100%);border-radius:14px;margin:20px 0;padding:30px;font-size:22px;font-weight:700}.excellent{color:#1b5e20;border:2px solid #4caf50;background:linear-gradient(135deg,#c8e6c9 0%,#a5d6a7 100%)!important}.good{color:#e65100;border:2px solid var(--warning);background:linear-gradient(135deg,#fff9c4 0%,#fff59d 100%)!important}.poor{color:#b71c1c;border:2px solid var(--danger);background:linear-gradient(135deg,#ffcdd2 0%,#ef9a9a 100%)!important}.nak-container{border:2px solid var(--primary);background:var(--bg-card);border-radius:12px;max-height:1200px;margin-top:15px;overflow:auto}.nak-table{border-collapse:collapse;white-space:nowrap;font-size:11px}.nak-table th,.nak-table td{text-align:center;border:1px solid #e0e0e0;min-width:35px;padding:6px 8px}.nak-table .corner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;z-index:4;min-width:100px;font-size:11px;font-weight:600;position:sticky;top:0;left:0}.nak-table .col-header{color:#fff;writing-mode:vertical-rl;vertical-align:bottom;z-index:2;background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);height:70px;font-size:10px;font-weight:600;position:sticky;top:0;transform:rotate(180deg)}.nak-table .col-header.girl-hl{background:linear-gradient(135deg,#c62828 0%,#b71c1c 100%)}.nak-table .col-header.boy-hl{background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%)}.nak-table .row-header{z-index:1;text-align:left;background:linear-gradient(135deg,#f3e5f5 0%,#e1bee7 100%);min-width:100px;padding-left:8px;font-size:11px;font-weight:600;position:sticky;left:0}.nak-table .row-header.boy-hl{color:#fff;background:linear-gradient(135deg,#1e88e5 0%,#1565c0 100%)}.nak-table .row-header.girl-hl{color:#fff;background:linear-gradient(135deg,#c62828 0%,#b71c1c 100%)}.nak-table .cell-excellent{background:#c8e6c9}.nak-table .cell-good{background:#fff9c4}.nak-table .cell-poor{background:#ffebee}.nak-table .cell-target{font-weight:700;background:linear-gradient(135deg, var(--secondary) 0%, #c79654 100%)!important;color:#fff!important}.nak-table .cell-boyrow{background:#bbdefb}.nak-table .cell-girlcol{background:#f8bbd0}.legend{flex-wrap:wrap;gap:12px;margin-top:12px;font-size:12px;display:flex}.leg-item{align-items:center;gap:6px;display:flex}.leg-color{border:1.5px solid #999;border-radius:4px;width:16px;height:16px}.hora-table{border-collapse:collapse;border-radius:10px;width:100%;font-size:12px;overflow:hidden}.hora-table th{background:linear-gradient(135deg, var(--secondary) 0%, #c79654 100%);color:#fff;padding:10px;font-weight:600}.hora-table td{border:1px solid var(--border-color);text-align:center;padding:8px}.hora-table tr:nth-child(2n){background:#d4a5740d}.gun-detail{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:20px 0;display:grid}.gun-card{text-align:center;border:2px solid var(--primary-light);background:linear-gradient(135deg,#8b5a8f14 0%,#d4a57414 100%);border-radius:12px;padding:16px;transition:all .3s}.gun-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.gname{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:600}.gscore{color:var(--primary);margin:6px 0;font-size:28px;font-weight:700}.gmax{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.gstatus{margin-top:4px;font-size:12px;font-weight:600}.tabs{background:#8b5a8f0d;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:8px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600;transition:all .3s}.tab:hover{color:var(--primary);background:#8b5a8f14}.tab.active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.warn{border-left:4px solid var(--warning);color:#e65100;background:linear-gradient(135deg,#ffb7031a 0%,#ffb7030d 100%);border:1px solid #ffb7034d;border-radius:10px;margin:12px 0;padding:14px;font-size:13px}.info-badge{text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}#tab-charts{font-size:12px}#tab-charts table{border-collapse:collapse;border-radius:10px;font-size:12px;overflow:hidden}#tab-charts th{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border:1px solid var(--primary);white-space:nowrap;padding:8px;font-size:11px;font-weight:600}#tab-charts td{border:1px solid var(--border-color);text-align:center;white-space:nowrap;padding:6px 8px;font-size:11px}@media (max-width:768px){.grid2{grid-template-columns:1fr;gap:15px}.profile-grid{grid-template-columns:1fr}h1{padding:20px 0;font-size:32px}.gun-detail{grid-template-columns:repeat(2,1fr)}.card{margin:15px 0;padding:20px}.tabs{gap:4px}.tab{padding:8px 12px;font-size:11px}@supports (padding:max(0px)){.card{padding:max(20px, env(safe-area-inset-left))}}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:.5s fadeInUp}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#8b5a8f0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#5a3f5f 100%)}.premium-header{background:linear-gradient(135deg,#1a0a2e 0%,#2d1054 40%,#4a1878 70%,#6b2fa0 100%);margin:-20px -20px 0;padding:0;position:relative;overflow:hidden;box-shadow:0 4px 30px #0006}.premium-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 30px 14px;display:flex}.logo-area{align-items:center;gap:14px;display:flex}.logo-icon{background:linear-gradient(135deg,gold,orange);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;animation:3s ease-in-out infinite logoPulse;display:flex;position:relative;box-shadow:0 0 20px #ffd70080,0 4px 15px #0000004d}@keyframes logoPulse{0%,to{box-shadow:0 0 20px #ffd70080,0 4px 15px #0000004d}50%{box-shadow:0 0 35px #ffd700cc,0 4px 20px #0006}}.logo-text h1{background:linear-gradient(135deg,gold 0%,#fff8dc 50%,gold 100%);-webkit-text-fill-color:transparent;text-align:left;-webkit-background-clip:text;background-clip:text;margin:0;padding:0;font-family:Playfair Display,serif;font-size:26px;font-weight:700}.logo-text p{color:#ffd700bf;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-size:11px}.header-badge{color:#1a0a2e;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,gold,orange);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;box-shadow:0 2px 10px #ffa50066}.header-stars{color:#ffd70099;letter-spacing:3px;margin-top:4px;font-size:13px}.premium-nav{scrollbar-width:none;border-top:1px solid #ffffff14;align-items:center;gap:2px;padding:0 20px;display:flex;overflow-x:auto}.premium-nav::-webkit-scrollbar{display:none}.nav-item{color:#ffffffa6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;align-items:center;gap:7px;padding:13px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:gold;background:#ffffff0d}.nav-item.active{color:gold;background:#ffd70012;border-bottom-color:gold}.nav-item .nav-icon{font-size:16px}.page-section{animation:.4s fadeInUp;display:none}.page-section.active{display:block}.module-header{color:gold;background:linear-gradient(135deg,#2d1054,#4a1878);border-radius:14px 14px 0 0;align-items:center;gap:10px;margin:-30px -30px 20px;padding:20px 24px;font-family:Playfair Display,serif;font-size:20px;font-weight:700;display:flex}.akshar-result-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:15px;display:grid}.akshar-card{text-align:center;border:2px solid var(--primary-light);background:linear-gradient(135deg,#f3e5f5,#e8d5e8);border-radius:10px;padding:12px;transition:all .3s}.akshar-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.akshar-letter{color:var(--primary);font-size:22px;font-weight:700}.akshar-nak{color:#555;margin-top:4px;font-size:11px}.num-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0;display:grid}.num-card{text-align:center;background:linear-gradient(135deg,#fff8e1,#fffde7);border:2px solid gold;border-radius:14px;padding:20px;transition:all .3s;box-shadow:0 4px 15px #ffc10726}.num-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ffc1074d}.num-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.num-value{color:#e65100;margin:6px 0;font-family:Playfair Display,serif;font-size:52px;font-weight:700;line-height:1.1}.num-name{color:#333;font-size:13px;font-weight:600}.num-desc{color:#666;margin-top:6px;font-size:12px;line-height:1.5}.pred-grid{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.pred-card{border-left:5px solid var(--primary);background:linear-gradient(135deg,#8b5a8f0f,#d4a5740f);border-radius:12px;padding:18px}.pred-title{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.pred-content{color:#444;font-size:13px;line-height:1.7}.pred-highlight{background:var(--primary);color:#fff;border-radius:20px;margin:2px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.pred-advice{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #4caf50;border-radius:12px;margin-top:16px;padding:18px}.pred-advice-title{color:#2e7d32;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.pred-advice p{color:#333;margin-bottom:8px;font-size:13px;line-height:1.8}.lucky-strip{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.lucky-item{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-align:center;border-radius:10px;min-width:80px;padding:10px 14px}.lucky-item .li-label{opacity:.85;font-size:10px}.lucky-item .li-val{margin-top:2px;font-size:14px;font-weight:700}@media (max-width:768px){.pred-grid{grid-template-columns:1fr}.header-top{padding:14px 16px 10px}.logo-text h1{font-size:20px}.premium-nav{padding:0 8px}.nav-item{padding:10px 12px;font-size:12px}}