@font-face{font-family:Poppins;src:url('assets/fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--navy:#07162f;--gold:#d2ad70;--gold-light:#edcf99;--white:#f3f0e9;--muted:#b7bfcc}
*{box-sizing:border-box}
html{background:#040d1e}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:38px 22px;background:radial-gradient(ellipse at 50% 15%,#142a48 0%,var(--navy) 48%,#040d1e 100%);color:var(--white);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.profile{width:100%;max-width:420px;text-align:center}
.office-logo{display:block;width:220px;height:auto;max-width:70%;margin:0 auto 30px}
.portrait-frame{width:150px;height:150px;margin:0 auto 22px;padding:5px;border:1px solid #d2ad7070;border-radius:50%;position:relative}
.portrait-frame:before{content:'';position:absolute;inset:-5px;border:1px solid #d2ad7017;border-radius:50%}
.portrait{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
h1{margin:0;color:var(--gold-light);font-family:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-size:41px;font-weight:400;font-style:italic;line-height:1.2;letter-spacing:-.5px}
@supports ((background-clip:text) or (-webkit-background-clip:text)){h1{background:linear-gradient(115deg,#bd985b 6%,#d9b77c 31%,#f7e4bc 49%,#e1c38c 60%,#bd985b 94%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.registration{margin:9px 0 0;font-size:10px;font-weight:500;letter-spacing:1.7px;color:#c9b38d}
.registration span{padding:0 5px}
.intro{max-width:350px;margin:22px auto 28px;font-size:13px;line-height:1.85;color:#cbd0d9}
.intro strong{font-weight:500;color:var(--white)}
.actions{display:grid;gap:12px;text-align:left}
.action{display:flex;align-items:center;gap:15px;min-height:80px;padding:16px 21px;border:1px solid transparent;border-radius:5px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.action-icon{width:27px;height:27px;flex:none}
.action span{display:grid;gap:3px}
.action b{font-size:14px;font-weight:600;line-height:1.5}
.action small{font-size:10px;font-weight:400;line-height:1.5}
.arrow{width:19px;height:19px;margin-left:auto;flex:none}
.action-primary{background:linear-gradient(110deg,#c7a164 0%,#e3c38d 50%,#d2ad70 100%);color:#07162f;border-color:#dfbe85}
.action-primary small{color:#28354a}
.action-secondary{border-color:#d2ad7060;background:#0b1d3660;color:var(--gold-light)}
.action-secondary small{color:var(--muted)}
.action-primary:hover{background:linear-gradient(110deg,#d2ad70,#efd3a3,#d9b77b);transform:translateY(-1px)}
.action-secondary:hover{background:#142a48;border-color:var(--gold);transform:translateY(-1px)}
.action:focus-visible{outline:3px solid var(--white);outline-offset:5px}
footer{margin-top:30px;font-size:9px;line-height:1.8;color:#9da8bb;letter-spacing:.3px}
.footer-rule{display:block;width:28px;height:1px;margin:0 auto 14px;background:#d2ad7060}
@media(min-width:700px){body{padding:48px 24px}.office-logo{margin-bottom:32px}.portrait-frame{width:160px;height:160px}.intro{font-size:13px}footer{margin-top:32px}}
@media(max-width:359px){body{padding:26px 18px}.office-logo{width:195px;margin-bottom:25px}.portrait-frame{width:130px;height:130px;margin-bottom:20px}h1{font-size:36px}.intro{font-size:12px;margin:18px auto 22px}.action{padding:15px;gap:12px}.action b{font-size:13px}.action small{font-size:9px}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.action{transition:none}.action:hover{transform:none}}