:root{--navy:#0b1020;--navy2:#0f172a;--blue:#2563eb;--gold:#d6a84f;--white:#f8fafc;--gray:#94a3b8;--ink:#111827;--line:#d7dde7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(11,16,32,.92);border-bottom:1px solid #24314b;backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.brand img{width:44px;height:52px}.nav-links{display:flex;gap:28px;align-items:center;color:#cbd5e1}.nav-links a:hover,.nav-links .active{color:#fff}.btn{border:0;border-radius:8px;padding:12px 18px;background:var(--blue);color:#fff;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(1.12)}.btn-outline{background:transparent;border:1px solid #53617a}.btn-gold{background:var(--gold);color:#111827}.hero{min-height:650px;display:grid;place-items:center;overflow:hidden;position:relative;background:radial-gradient(circle at 70% 35%,#15316b 0,transparent 34%),linear-gradient(135deg,#070c18,#0b172c)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow{color:#79a4ff;text-transform:uppercase;font-size:13px;letter-spacing:.22em;font-weight:800}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1;margin:16px 0 22px;letter-spacing:-.04em}.hero h1 span{color:var(--blue)}.hero p{color:#cbd5e1;font-size:19px;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-mark{width:100%;filter:drop-shadow(0 22px 30px #0008)}.section{padding:90px 0}.section-light{background:#f8fafc;color:var(--ink)}.section-title{font-size:38px;line-height:1.15;margin:0 0 12px}.section-lead{color:#64748b;max-width:650px;margin:0 0 40px}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:26px;border:1px solid #dbe2ec;border-radius:12px;background:#fff}.skill-icon{font-size:25px;color:var(--blue);font-weight:900}.card h3{margin:10px 0 5px}.card p{color:#64748b;margin:0}.verify-band{background:linear-gradient(115deg,#111b31,#0e2c68);text-align:center}.verify-band h2{font-size:36px;margin:0 0 8px}.verify-band p{color:#cbd5e1}.verify-form{max-width:630px;margin:28px auto 0;display:flex;gap:10px}.verify-form input{flex:1;padding:15px 17px;border:1px solid #52617c;border-radius:8px;background:#fff;color:#111827;text-transform:uppercase}.page-hero{padding:70px 0 45px;background:linear-gradient(135deg,#0b1020,#102b5d)}.page-hero h1{font-size:44px;margin:0}.page-hero p{color:#cbd5e1}.content{padding:55px 0 90px}.table-wrap{overflow:auto;border:1px solid #273654;border-radius:10px}table{width:100%;border-collapse:collapse;background:#111827}th,td{text-align:left;padding:17px;border-bottom:1px solid #273654}th{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.1em}td a{color:#75a2ff}.status{display:inline-flex;padding:4px 9px;border-radius:99px;background:#103b2c;color:#6ee7b7;font-size:12px;font-weight:800}.certificate-shell{background:#e8edf4;color:var(--ink);padding:42px 20px 70px}.certificate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.certificate-page{position:relative;overflow:hidden;width:min(1120px,100%);aspect-ratio:1.414/1;margin:auto;background:#fff;box-shadow:0 20px 55px #03071240;border:1px solid #c8d0dc;padding:28px}.certificate-border{height:100%;border:2px solid var(--navy);outline:1px solid var(--gold);outline-offset:-9px;padding:42px 55px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.certificate-border:before,.certificate-border:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #2563eb33;transform:rotate(45deg)}.certificate-border:before{left:-115px;top:-115px}.certificate-border:after{right:-115px;bottom:-115px}.cert-logo{width:190px;height:54px;object-fit:cover;object-position:left;margin-bottom:13px;background:var(--navy);padding:5px 9px;border-radius:4px}.cert-kicker{text-transform:uppercase;letter-spacing:.32em;color:#64748b;font-size:11px;font-weight:800}.cert-title{font-size:36px;letter-spacing:.08em;text-transform:uppercase;margin:5px 0 10px;color:var(--navy)}.cert-copy{margin:0;color:#64748b}.participant{font-size:41px;color:#17346c;margin:7px 0 6px;font-weight:500}.credential-title{font-size:23px;margin:5px 0;color:var(--navy);font-weight:850}.cert-details{display:flex;gap:25px;margin-top:15px;color:#475569;font-size:12px;justify-content:center}.certificate-bottom{margin-top:auto;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.signature{grid-column:2}.signature-name{font:italic 24px Georgia,serif;border-bottom:1px solid #94a3b8;padding-bottom:2px}.signature small,.cert-id small{display:block;color:#64748b}.cert-id{text-align:left;font:12px/1.4 monospace}.qr-wrap{justify-self:end}.qr-wrap canvas,.qr-wrap img{width:88px!important;height:88px!important}.qr-wrap small{display:block;color:#64748b}.seal{position:absolute;left:55px;bottom:38px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#7b5816;background:radial-gradient(circle,#f5d873,#d6a84f);border:4px double #9a6d1f;font-weight:900}.credential-panel{width:min(900px,calc(100% - 40px));margin:35px auto 0;background:#fff;border-radius:12px;padding:30px;color:var(--ink)}.credential-panel h2{margin-top:0}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px}.credential-item small{display:block;color:#64748b}.credential-item span{word-break:break-word}.message-state{min-height:500px;display:grid;place-items:center;text-align:center;background:#f8fafc;color:#111827}.state-box{max-width:560px;padding:40px}.state-icon{font-size:50px}.warning{padding:13px;background:#fff3cd;border:1px solid #d6a84f;color:#6c4e0f;border-radius:8px;margin-bottom:20px;text-align:center}.footer{border-top:1px solid #24314b;padding:30px 0;color:#94a3b8}.footer-inner{display:flex;justify-content:space-between;gap:20px}.loading{min-height:65vh;display:grid;place-items:center;color:#64748b}
@media(max-width:800px){.nav-links a:not(.btn){display:none}.hero{min-height:auto;padding:80px 0}.hero-inner{grid-template-columns:1fr}.hero-mark{max-height:270px}.skills{grid-template-columns:1fr 1fr}.certificate-page{aspect-ratio:auto;min-height:720px;padding:14px}.certificate-border{padding:30px 20px}.cert-title{font-size:25px}.participant{font-size:31px}.certificate-bottom{grid-template-columns:1fr 1fr}.cert-id{display:none}.signature{grid-column:1}.credential-grid{grid-template-columns:1fr}.verify-form{flex-direction:column}}@media(max-width:520px){.skills{grid-template-columns:1fr}.hero-actions{flex-direction:column}.footer-inner{display:block}.certificate-shell{padding-inline:8px}.cert-details{flex-direction:column;gap:2px}.seal{display:none}}
@page{size:A4 landscape;margin:8mm}@media print{body{background:#fff}.no-print,.site-header,.footer,.credential-panel{display:none!important}.certificate-shell{padding:0;background:#fff}.certificate-page{box-shadow:none!important;margin:0!important;width:100%!important;height:190mm!important;min-height:0!important;aspect-ratio:auto;border:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.certificate-border{padding:12mm 16mm}.cert-title{font-size:28pt}.participant{font-size:29pt}.qr-wrap canvas{width:24mm!important;height:24mm!important}}