*{box-sizing:border-box}:root{--bg:#080d14;--panel:#111a26;--panel2:#151f2d;--line:#243244;--txt:#f4f7fb;--mut:#8997aa;--blue:#1478ff;--blue2:#0d5fd4;--green:#36d399;--red:#ff626f;--yellow:#f0b766}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#10233c 0,transparent 27%),var(--bg);color:var(--txt);font:15px "Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.muted{color:var(--mut)}.card,section,.table-card{background:linear-gradient(145deg,#121c29,#0f1722);border:1px solid var(--line);border-radius:15px}.btn,.secondary{border:0;border-radius:10px;padding:12px 17px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 7px 20px #0d68dd30}.secondary{background:#172333;color:#dce5ef;border:1px solid #2b3d53}.danger{color:#ff9aa2!important;border-color:#6b3038!important;background:#2b1820!important}.small{padding:8px 11px;font-size:12px}.big{width:100%;padding:15px;font-size:16px}small,.eyebrow{color:#67a6ff;font-weight:800;letter-spacing:1.35px;font-size:10px;text-transform:uppercase}p{color:var(--mut);margin:5px 0}h1{font-size:32px;margin:5px 0 4px;letter-spacing:-.6px}h2{margin:4px 0}.alert{padding:12px 14px;border-radius:10px;background:#3a1e25;border:1px solid #71303b;color:#ff9ba4;margin:12px 0}
/* identité bornes */.logo-wrap{width:58px;height:58px;border-radius:50%;overflow:hidden;flex:0 0 58px;border:2px solid #fff;box-shadow:0 5px 24px #0008,0 0 0 3px #0d3a61}.logo-wrap img{width:100%;height:100%;object-fit:cover}.brand{display:flex;gap:12px;align-items:center}.brand>div:last-child{display:grid}.brand strong{font-size:15px}.brand span{font-size:10px;color:var(--mut);margin-top:3px}.flagline{height:3px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 9px 24px;border-radius:4px;overflow:hidden;opacity:.85}.flagline i:nth-child(1),.top-accent span:nth-child(1){background:#274b9b}.flagline i:nth-child(2),.top-accent span:nth-child(2){background:#f4f4f1}.flagline i:nth-child(3),.top-accent span:nth-child(3){background:#ed2939}.top-accent{position:fixed;top:0;left:245px;right:0;height:3px;display:grid;grid-template-columns:1fr 1fr 1fr;z-index:20;opacity:.7}
/* backoffice */.backoffice aside{position:fixed;width:245px;inset:0 auto 0 0;background:#0b121c;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column}.backoffice aside .brand{padding:0 8px 14px}.backoffice nav{display:grid;gap:7px}.backoffice nav a{color:#a8b4c5;padding:13px 14px;border-radius:10px;transition:.2s}.backoffice nav a:hover,.backoffice nav a.active{background:#152235;color:white;transform:translateX(2px)}.backoffice nav a.active{box-shadow:inset 3px 0 0 var(--blue)}.backoffice nav span{margin-left:8px}.aside-foot{margin-top:auto;color:#6f7e91;font-size:11px;padding:12px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--green)}.wolf-watermark{position:absolute;left:39px;bottom:70px;width:165px;height:165px;border-radius:50%;overflow:hidden;opacity:.035;filter:grayscale(1);pointer-events:none}.wolf-watermark img{width:100%;height:100%;object-fit:cover}.bo-main{margin-left:245px;padding:40px 46px;max-width:1800px}.bo-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.head-actions{display:flex;align-items:center;gap:10px}.hero{padding:25px;background:linear-gradient(110deg,#132238,#101a27);border:1px solid #27415f;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative;overflow:hidden}.hero:after{content:"CSU";position:absolute;right:22px;bottom:-25px;font-size:100px;font-weight:900;color:#fff;opacity:.018;letter-spacing:-8px;pointer-events:none}.hero>div:first-child{display:flex;align-items:center;gap:18px}.hero-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#142c4b;color:#69aaff;font-size:21px}.access-status-actions{display:flex;gap:9px;position:relative;z-index:2}.status-btn{border:1px solid #2b3d53;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer;background:#172333;color:#dce5ef}.status-btn.available{color:#72e5ba}.status-btn.restricted{color:#ff9aa2}.status-btn.active.available{background:#123328;border-color:#2e8b6e}.status-btn.active.restricted{background:#3a1e25;border-color:#8d3944}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.stats section{padding:22px;border-top:2px solid #274b9b}.stats section:nth-child(2){border-top-color:#e7e7e7}.stats section:nth-child(3){border-top-color:#ed2939}.stats b{display:block;font-size:30px;margin:8px 0 3px}.stats span{color:var(--mut);font-size:12px}.table-card{overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar input,#search{width:340px;background:#09111b;border:1px solid #2a3a4e;color:#fff;border-radius:9px;padding:11px;outline:none}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #1c2938;white-space:nowrap}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#718196;background:#101925}td{font-size:13px;color:#cdd7e3}tr:hover td{background:#142131}.present{font-size:10px;padding:7px 10px;border-radius:30px;font-weight:900;color:#6ee7b7;background:#123328}.counter{font-size:11px;padding:8px 11px;border-radius:30px;color:#6ee7b7;background:#123328}.visitor-list{padding:4px 22px}.operator-visitor{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #1c2938}.visitor-avatar{width:44px;height:44px;border-radius:12px;background:#142c4b;color:#69aaff;display:grid;place-items:center;font-weight:900}.visitor-info{display:grid;gap:4px}.visitor-info strong{font-size:16px}.visitor-info span{color:var(--mut);font-size:12px}.operator-note{margin-top:18px;padding:14px 17px;border:1px solid #493d26;background:#241e14;color:#d8bd7b;border-radius:11px;font-size:12px}
/* kiosk / public */.app-shell{min-height:100vh}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#0b121cee}.topbar .brand{gap:12px}.topbar .brand:before{content:"";width:50px;height:50px;border-radius:50%;background-image:var(--kiosk-logo,url('/static/logo-csu.jpg'));background-position:center;background-size:cover;border:2px solid #fff;box-shadow:0 0 0 3px #0d3a61}.topbar .brand .brand-mark{display:none}.topbar .brand h1{font-size:18px;margin:0}.topbar .brand p{font-size:11px}.top-actions{display:flex;gap:10px}.center{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:28px}.hero.card{width:min(620px,100%);display:block;text-align:center;padding:42px}.hero.card:before{content:"";display:block;width:82px;height:82px;border-radius:50%;margin:0 auto 20px;background-image:var(--kiosk-logo,url('/static/logo-csu.jpg'));background-position:center;background-size:cover;border:2px solid white;box-shadow:0 0 0 4px #0d3a61}.hero.card .btn{margin-top:11px}.admin-link{display:block;margin-top:17px;font-size:12px}.touch{max-width:920px;margin:auto;padding:30px}.back{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#172333;font-size:21px}.form{padding:28px}.form label{display:block;color:#aab6c5;font-size:12px;margin:14px 0}.form input,.form select,.login input{width:100%;background:#09111b;border:1px solid #2a3a4e;color:#fff;border-radius:9px;padding:13px;outline:none;margin-top:7px}.form input:focus,.form select:focus,.login input:focus{border-color:#2582ff;box-shadow:0 0 0 3px #1677ff18}.signature-head{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.signature-head label{margin:0}.signature-box{height:210px;border:1px dashed #3b5b7c;border-radius:12px;background:#09111b;margin:9px 0 18px;overflow:hidden}.signature-box canvas{width:100%;height:100%;touch-action:none}.visitor-card{padding:20px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}.empty{text-align:center;padding:45px 25px}.empty-icon,.check{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#123328;color:#72e5ba;font-size:30px;margin:auto}.login{width:min(450px,100%);padding:34px}.login form{margin-top:20px}.login .btn{margin-top:12px}
/* écran PIN */.pin-screen{min-height:100vh;padding:22px 28px 26px;background:radial-gradient(circle at 85% 0,#10233c 0,transparent 30%),var(--bg);display:flex;flex-direction:column;gap:18px}.kiosk-brand{display:flex;justify-content:space-between;align-items:center}.kiosk-brand .brand:before{content:"";width:58px;height:58px;border-radius:50%;background-image:var(--kiosk-logo,url('/static/logo-csu.jpg'));background-position:center;background-size:cover;border:2px solid white;box-shadow:0 0 0 3px #0d3a61}.kiosk-brand .brand-mark{display:none}.kiosk-brand h1{font-size:20px;margin:0}.kiosk-link{font-size:12px;color:#8fa2b9}.pin-status{min-height:78px;border-radius:15px;border:1px solid;display:flex;align-items:center;gap:16px;padding:14px 22px}.status-available .pin-status{background:#12332888;border-color:#2e8b6e;color:#72e5ba}.status-restricted .pin-status{background:#3a1e2588;border-color:#8d3944;color:#ff9aa2}.status-icon{font-size:26px}.status-title{font-size:23px;font-weight:900}.status-text{font-size:12px;opacity:.82;margin-top:2px}.pin-layout{width:min(1450px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:18px;align-items:stretch;flex:1}.rules-card,.pin-card{padding:28px}.rules-card{display:flex;flex-direction:column;justify-content:center}.rules-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:18px}.rules-main-icon{width:48px;height:48px;border-radius:12px;background:#142c4b;color:#69aaff;display:grid;place-items:center;font-size:23px}.rules-heading h2{font-size:25px}.rule{display:flex;align-items:center;gap:17px;padding:19px;border-radius:13px;margin-top:12px;border:1px solid}.rule-icon{width:58px;height:58px;min-width:58px;border-radius:13px;display:grid;place-items:center;font-size:27px}.rule h3{margin:0 0 5px;font-size:16px}.rule p{font-size:13px;line-height:1.45}.rule-danger{background:#3a1e253d;border-color:#71303b}.rule-danger h3{color:#ff7c87}.rule-info{background:#142c4b66;border-color:#274b72}.rule-info h3{color:#69aaff}.pin-card{display:flex;flex-direction:column;justify-content:center;text-align:center}.lock-icon{font-size:35px}.pin-card h1{font-size:26px;margin:6px 0}.pin-card #pin{position:absolute;opacity:0;pointer-events:none}.pin-dots{display:flex;justify-content:center;gap:12px;margin:18px 0}.pin-dots span{width:13px;height:13px;border-radius:50%;border:2px solid #56708e}.pin-dots span.filled{background:var(--blue);border-color:var(--blue);box-shadow:0 0 12px #1478ff88}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{border:1px solid #2c3c50;border-radius:10px;background:#172333;color:#f0f6ff;font-size:21px;font-weight:800;height:54px;cursor:pointer}.key:active{transform:scale(.97)}.key-ok{background:linear-gradient(135deg,var(--blue),var(--blue2));border-color:#2582ff}.key-action{color:#ff7e88}.kiosk-footer{display:flex;justify-content:space-between;color:#60758d;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.success .muted{font-size:13px}
@media(max-width:1000px){.backoffice aside{width:75px;padding:20px 9px}.backoffice .brand>div:last-child,.backoffice nav span,.aside-foot,.wolf-watermark,.flagline{display:none}.backoffice .logo-wrap{width:48px;height:48px;flex-basis:48px}.bo-main{margin-left:75px;padding:25px 18px}.top-accent{left:75px}.stats,.pin-layout{grid-template-columns:1fr}.hero{align-items:flex-start;gap:18px;flex-direction:column}.head-actions{flex-wrap:wrap}.toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.toolbar input,#search{width:100%}.operator-visitor{grid-template-columns:48px 1fr}.operator-visitor form{grid-column:1/-1}.pin-layout{max-width:700px}.kiosk-footer{display:none}}

/* Correctif page PIN : pictogramme photo interdit unifie */
.rule-icon-camera{position:relative;background:#311820;border:1px solid #71303b;color:#ff7c87;overflow:hidden}
.rule-icon-camera svg{width:34px;height:34px;display:block;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rule-icon-camera svg .ban{stroke:#ff626f;stroke-width:6}
.rule-danger .rule-icon-camera:after{content:"";position:absolute;inset:7px;border:2px solid #ff626f;border-radius:50%;pointer-events:none}

/* ===== CSU REGISTER PREMIUM UI v3 ===== */
:root{--premium:#2490ff;--premium-soft:#68b3ff;--navy:#08111e;--navy2:#0c1827;--glass:rgba(15,29,45,.82)}
body{background:radial-gradient(circle at 82% -10%,#15375f 0,transparent 30%),radial-gradient(circle at -10% 100%,#101f34 0,transparent 28%),#070d15}
.card,.table-card,section{box-shadow:0 18px 55px rgba(0,0,0,.16)}
.btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 10px 28px #0d68dd44}
.backoffice aside{background:linear-gradient(180deg,#09111c,#080f18);box-shadow:18px 0 50px #00000020}.backoffice nav a{border:1px solid transparent}.backoffice nav a:hover,.backoffice nav a.active{border-color:#223b58;background:linear-gradient(90deg,#14263c,#101c2b)}
.bo-main{background:radial-gradient(circle at 90% 0,#10243d55,transparent 26%)}
.table-card{border-color:#26394f;background:linear-gradient(145deg,#111d2b,#0c1520)}table tbody tr{transition:.15s}table tbody tr:hover td{background:#15263a}
.form,.login{box-shadow:0 28px 80px #0006}.form input,.form select,.login input{min-height:48px;background:#08121e;border-color:#2a4059}

/* Premium kiosk */
.premium-kiosk{position:relative;overflow:hidden;padding:24px 38px 22px;gap:0;background:linear-gradient(135deg,#07101b 0%,#091522 45%,#08111d 100%)}
.premium-kiosk:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 70%);pointer-events:none}
.premium-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.25}.glow-one{width:420px;height:420px;background:#086ee9;right:-180px;top:-180px}.glow-two{width:300px;height:300px;background:#0b315f;left:-150px;bottom:-150px}
.premium-header{height:72px;position:relative;z-index:2}.premium-header .brand:before{width:52px;height:52px;box-shadow:0 0 0 3px #0d3a61,0 12px 30px #0007}.premium-header .brand>div:last-child{display:block}.premium-header .eyebrow{display:block;margin-bottom:3px;color:#66a9f8;font-size:9px}.premium-header h1{font-size:20px;letter-spacing:-.2px}.header-right{display:flex;align-items:center;gap:18px}.live-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #26405d;border-radius:30px;background:#0e1b2a99;color:#9aabc0;font-size:10px;text-transform:uppercase;letter-spacing:1px}.live-chip i{width:7px;height:7px;border-radius:50%;background:#42d7a2;box-shadow:0 0 12px #42d7a2}.premium-header .kiosk-link{padding:9px 12px;border-radius:9px;border:1px solid #22374e;background:#0d1825;color:#9aadc3}.premium-header .kiosk-link span{color:#5ca9ff;margin-left:6px}.premium-flag{height:2px;display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;z-index:2;opacity:.7;margin:8px 0 24px}.premium-flag i:nth-child(1){background:#274b9b}.premium-flag i:nth-child(2){background:#eee}.premium-flag i:nth-child(3){background:#ed2939}
.premium-layout{position:relative;z-index:2;width:min(1420px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) 430px;gap:42px;align-items:center;flex:1;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}.premium-left{padding:16px 0}.welcome-block{max-width:720px;margin-bottom:30px}.welcome-block .eyebrow{color:#62aaff}.welcome-block h2{font-size:44px;line-height:1.05;letter-spacing:-1.7px;margin:10px 0 16px}.welcome-block h2 em{font-style:normal;color:#6fb4ff;font-weight:600}.welcome-block>p{font-size:14px;line-height:1.7;max-width:640px;color:#899aaf}
.premium-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px}.premium-rule{position:relative;display:grid;grid-template-columns:58px 1fr;gap:17px;padding:20px;border:1px solid #243950;border-radius:16px;background:linear-gradient(145deg,rgba(18,32,48,.86),rgba(11,22,34,.86));overflow:hidden;min-height:142px}.premium-rule:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-60px;top:-60px;background:#1679e50c}.premium-rule-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#10243a;border:1px solid #284663}.premium-rule-icon svg{width:34px;height:34px;fill:none;stroke:#69b2ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.camera-ban{background:#291820;border-color:#62303a}.camera-ban svg{stroke:#ff707b}.camera-ban .ban-circle,.camera-ban .ban-line{stroke:#ff5361;stroke-width:4}.rule-number{display:block;font-size:9px;letter-spacing:1.5px;color:#536a83;font-weight:900;margin-bottom:8px}.premium-rule h3{font-size:15px;margin:0 0 7px;color:#f2f6fb;text-transform:uppercase;letter-spacing:.3px}.premium-rule p{font-size:12px;line-height:1.55;margin:0}.danger-rule{border-color:#4e2933}.danger-rule h3{color:#ff7a84}.info-rule{border-color:#21446a}.info-rule h3{color:#73b8ff}.confidentiality-note{display:flex;align-items:center;gap:12px;margin-top:18px;color:#71869e;font-size:11px}.confidentiality-note .shield-mini{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#101e2e;color:#438ddf}.confidentiality-note div{display:grid;gap:2px}.confidentiality-note strong{font-size:11px;color:#9aacc0}.confidentiality-note small{font-size:10px;color:#61758d;text-transform:none;letter-spacing:0}
.premium-pin-panel{position:relative;border:1px solid #29435f;border-radius:24px;background:linear-gradient(160deg,rgba(19,36,55,.96),rgba(9,19,30,.98));box-shadow:0 35px 90px #0008,inset 0 1px 0 #ffffff0c;overflow:hidden}.premium-pin-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#5daeff,transparent)}.access-beacon{height:70px;padding:0 24px;border-bottom:1px solid #23374b;background:#0a1521aa;display:flex;align-items:center;gap:13px}.beacon-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.status-available .beacon-dot{background:#39d59b;box-shadow:0 0 0 5px #39d59b12,0 0 18px #39d59b}.status-restricted .beacon-dot{background:#ff626f;box-shadow:0 0 0 5px #ff626f12,0 0 18px #ff626f}.access-beacon div{display:grid;gap:3px}.access-beacon small{font-size:8px;letter-spacing:1.6px;color:#657b93}.access-beacon strong{font-size:12px;letter-spacing:.8px}.status-available .access-beacon strong{color:#65dfb4}.status-restricted .access-beacon strong{color:#ff818b}.pin-panel-inner{padding:28px 34px 30px;text-align:center}.secure-icon{width:54px;height:54px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(145deg,#12345a,#10253d);border:1px solid #27517e;box-shadow:0 12px 35px #0005}.secure-icon svg{width:30px;height:30px;fill:none;stroke:#69b3ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pin-panel-inner>.eyebrow{color:#5fa7f8}.pin-panel-inner h1{font-size:26px;margin:5px 0 7px;letter-spacing:-.5px}.pin-panel-inner>p{font-size:11px;line-height:1.5;max-width:300px;margin:0 auto;color:#71869d}.premium-pin-panel #pin{position:absolute;opacity:0;pointer-events:none}.premium-dots{margin:20px 0 22px;gap:14px}.premium-dots span{width:15px;height:15px;border:2px solid #42617f;background:#091522;transition:.18s}.premium-dots span.filled{background:#3195ff;border-color:#70b7ff;box-shadow:0 0 0 5px #258aff12,0 0 15px #258aff88}.premium-keypad{gap:9px}.premium-keypad .key{height:54px;border-radius:12px;background:linear-gradient(145deg,#142438,#101d2c);border:1px solid #294059;font-size:18px;box-shadow:inset 0 1px 0 #ffffff08;transition:.12s}.premium-keypad .key:hover{background:#1a3048;border-color:#3a5d81}.premium-keypad .key:active{transform:scale(.95);background:#0e1a28}.premium-keypad .key-ok{background:linear-gradient(135deg,#1685f5,#0964d4);border-color:#379bff;box-shadow:0 8px 24px #0872e533}.premium-keypad .key-action{color:#ff808a;background:#251923;border-color:#51303a}.pin-help{display:flex;justify-content:center;align-items:center;gap:7px;color:#526980;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:18px}.pin-alert{font-size:11px;padding:9px;margin:12px 0}.premium-footer{position:relative;z-index:2;padding-top:17px;border-top:1px solid #17283a;margin-top:20px;color:#4d637a}
@media(max-width:1050px){.premium-kiosk{padding:18px 22px}.premium-layout{grid-template-columns:1fr 380px;gap:24px}.welcome-block h2{font-size:35px}.premium-rules{grid-template-columns:1fr}.premium-rule{min-height:auto}.premium-rule p{font-size:11px}}
@media(max-width:800px){.premium-header{height:60px}.header-right .live-chip{display:none}.premium-layout{display:flex;flex-direction:column;align-items:stretch;max-width:620px;gap:18px}.premium-left{padding:0}.welcome-block{margin-bottom:14px}.welcome-block h2{font-size:28px}.welcome-block>p,.confidentiality-note{display:none}.premium-rules{grid-template-columns:1fr 1fr}.premium-rule{padding:13px;grid-template-columns:44px 1fr;gap:10px;min-height:105px}.premium-rule-icon{width:42px;height:42px}.premium-rule-icon svg{width:26px;height:26px}.premium-rule p{font-size:10px}.premium-rule h3{font-size:12px}.pin-panel-inner{padding:20px 28px}.premium-keypad .key{height:48px}.premium-footer{display:none}}