@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: linear-gradient(135deg, #ff7a18, #af002d, #5f4b8b);--simple-color: black;--simple-color2: white;--main-color: #6772e5;--negatif: red}body{margin:0;min-width:320px;min-height:100vh;font-family:Oswald,sans-serif}input,textarea{padding:10px;font-size:16px;border-radius:10px;border:1px solid var(--simple-color);background-color:var(--simple-color2);color:var(--simple-color)}label{font-size:16px;background-color:var(--simple-color2);color:var(--simple-color)}a{font-weight:500;color:var(--simple-color);text-decoration:inherit;font-weight:600}a:hover{color:var(--main-color)}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background:var(--bg);font-weight:700;color:var(--simple-color2);border:none}button:hover{background:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.body-sim.classic{background:linear-gradient(135deg,#ff7a18,#af002d,#5f4b8b);background-size:400% 400%;animation:gradientAnimation 6s ease infinite}.body-sim.modern{background:linear-gradient(135deg,#00c6ff,#0072ff);background-size:400% 400%;animation:gradientAnimation 6s ease infinite}.body-sim.minimal{background:#f0f0f0;color:#000}.body-sim.neon{background:linear-gradient(135deg,#0ff,#000,#0ff);color:#0ff;background-size:400% 400%;animation:gradientAnimation 6s ease infinite}.body-sim.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{text-align:center;font-size:2.2em;line-height:1.1;font-weight:700;color:var(--simple-color)}h2{color:var(--simple-color)}.header-trigger{position:fixed;top:0;right:0;width:80px;height:40px;background:#0000000d;border-bottom-left-radius:12px;z-index:120;cursor:pointer}.peek-header{position:fixed;top:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 20px;z-index:130;background:var(--bg);border-bottom-left-radius:12px;transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.peek-header.visible{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-panel{position:absolute;top:40px;right:0;background:var(--simple-color2);border:1px solid var(--main-color);border-radius:10px;padding:10px;min-width:180px;z-index:140;box-shadow:0 8px 24px #00000026}.icon-btn{padding:5px 10px;border:none;background:none;color:var(--simple-color2);border-radius:8px;cursor:pointer}.menu-btn{display:block;width:100%;margin-bottom:10px;padding:8px 10px;border:none;background:var(--main-color);border-radius:8px;cursor:pointer;text-align:left}.menu-btn:hover{background:var(--bg)}.menu-btn.danger{background:#e53935;color:#fff}.menu-btn.danger:hover{background:var(--negatif)}.cta-row{margin-top:20px;text-align:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cta-row .btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer}.alert-message{margin-top:16px;padding:12px 18px;border-radius:8px;background:#2ecc7126;color:#27ae60;font-weight:700;text-align:center;animation:fadeSlideIn .4s ease;border:1px solid #27ae60}.alert-message.error{background:#e74c3c26;color:#c0392b;border-color:#c0392b}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}form{display:flex;justify-content:center;align-items:center;flex-direction:column}.body-sim{background:var(--simple-color2);min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--simple-color);text-align:center;padding:20px;box-sizing:border-box}.title-container{display:flex;gap:10px;justify-content:center;animation:counterAnimation 1s ease-in-out}.digit.classic{font-size:10rem;border:2px solid #5f4b8b;background:linear-gradient(135deg,#ff7a18,#af002d,#5f4b8b);box-shadow:#0000008f 0 22px 70px 4px;background-size:400% 400%;animation:gradientAnimation 21s ease infinite;font-weight:500;padding:10px;margin-right:15px;border-radius:20px;box-sizing:border-box;text-align:center;transition:all .3s ease;font-family:Arial,sans-serif}.contain{box-sizing:border-box;max-width:980px;margin:0 auto;background-color:#e6dac6;border:7px solid #fff;border-radius:20px;color:tomato;box-shadow:#0000004d 0 19px 38px;display:flex;align-items:center;gap:20px;padding:clamp(16px,5vw,50px)}.contain.modern{background:var(--simple-color2);border:5px solid #00c6ff;border-radius:30px;color:#1a1a1a;box-shadow:0 15px 25px #0000004d;font-family:Segoe UI,sans-serif}.digit.modern{background:linear-gradient(135deg,#00c6ff,#0072ff);color:var(--simple-color2);font-size:10rem;padding:10px;border-radius:30px;border:2px solid #0072ff}.contain.minimal{background:var(--simple-color2);border:2px solid #aaa;border-radius:10px;box-shadow:none;color:#333;font-family:Helvetica Neue,sans-serif}.digit.minimal{background:#f9f9f9;color:#333;border-radius:8px;font-family:Helvetica Neue,sans-serif;font-size:10rem}.contain.neon{background:#1a1a1a;border:3px solid #0ff;border-radius:50px;box-shadow:0 0 20px #0ff;font-family:Orbitron,sans-serif;color:#0ff}.digit.neon{color:#0ff;background:#000;border:3px solid #0ff;box-shadow:0 0 30px #0ff;font-family:Orbitron,sans-serif;font-size:10rem;padding:10px;margin-right:15px}.contain.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:40px;color:var(--simple-color2);font-family:Poppins,sans-serif;box-shadow:0 8px 32px #1f26875e}.digit.glass{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;border:1px solid rgba(255,255,255,.3);color:var(--simple-color2);font-family:Poppins,sans-serif;font-size:10rem}.ins-logo{flex:0 0 auto}.contain .ins-logo img{display:block;width:clamp(120px,35vw,300px);height:auto;object-fit:cover;border-radius:12px}form img{width:300px}.animate{animation:digitPop .6s ease}.popup{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;font-size:1.2rem;font-weight:700;color:var(--simple-color2);z-index:1000;box-shadow:0 4px 6px #0000001a;animation:fadeIn .5s,fadeOut .5s 2.5s;border:2px solid var(--simple-color)}.popup.increase{background:var(--main-color)}.popup.decrease{background:var(--bg)}form div{display:flex;justify-content:center;position:relative;gap:50px}.contact-container{max-width:800px;margin:auto;padding:20px;border-radius:20px;box-shadow:#0000001a 0 2px 2px 4px}.return-button-wrapper{margin-top:30px;text-align:center}.back-button{padding:8px 16px;border:none;background-color:#eee;border-radius:8px;cursor:pointer}.back-button:hover{background-color:#ddd}.contact-title{text-align:center;margin:20px 0}.contact-form{display:flex;flex-direction:column;gap:15px}.form-fields{display:flex;flex-wrap:wrap;gap:15px;border:none;padding:0;margin:0}.form-fields input,.form-fields textarea{flex:1 1 100%;padding:10px;border-radius:8px;border:1px solid #ccc}.form-fields input{min-width:250px}.submit-button{width:fit-content;align-self:center;padding:10px 20px;background-color:#222;color:#fff;border:none;border-radius:8px;cursor:pointer}.submit-button:hover{background-color:#444}.form-status{margin-top:15px;text-align:center;color:green}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr .9fr;background:radial-gradient(1200px 800px at -10% -10%,rgba(120,73,255,.12),transparent 60%),radial-gradient(1000px 700px at 110% 110%,rgba(0,150,255,.1),transparent 60%),linear-gradient(180deg,#fafafa,#f5f7fb)}.hero-panel{display:flex;align-items:center;padding:48px clamp(24px,6vw,72px);position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#ff7a18,#af002d,#5f4b8b)}.hero-panel:before,.hero-panel:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.35}.hero-panel:before{width:380px;height:380px;top:-120px;left:-100px;background:var(--simple-color2)}.hero-panel:after{width:320px;height:320px;bottom:-100px;right:-80px;background:var(--simple-color2)}.hero-content{max-width:720px;margin-inline:auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;margin-bottom:14px;color:var(--simple-color2)}.brand-logo{width:32px;height:32px}.hero-title{font-size:clamp(28px,4.5vw,44px);line-height:1.1;margin:8px 0 12px;color:#fff}.hero-subtitle{font-size:clamp(14px,1.7vw,18px);color:#ffffffe6;max-width:58ch;margin-bottom:26px;text-align:center}.features{padding:0}.features li{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);list-style:none;margin:10px}.features strong{color:#fff}.features p{color:#ffffffd9}.mockup{margin-top:18px;border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:10px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup img{width:100%;border-radius:12px}.compliance{margin-top:14px;font-size:12px;color:#fffc}.auth-panel{display:grid;grid-template-rows:1fr auto;padding:32px clamp(16px,5vw,48px);background:linear-gradient(180deg,#fffc,#ffffffe6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-card{display:flex;flex-direction:column;align-items:center;place-self:center;width:min(520px,100%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:0 20px 30px #0000000f,0 4px 8px #0000000a;padding:clamp(20px,4.5vw,34px);position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input{border:1px solid black;border-radius:10px;padding:12px 14px;font-size:16px;background:#fff;outline:none}.input:focus{border-color:var(--main-color, #6d28d9);box-shadow:0 0 0 3px #6d28d92e}.btn-primary{padding:12px 16px;background-color:var(--main-color, #6d28d9);color:var(--simple-color2, #fff);font-size:16px;border-radius:12px;border:none;cursor:pointer}.btn-primary:hover{opacity:.95}.auth-footer{text-align:center;color:#6b7280;font-size:12px;padding-top:12px}.popup{position:absolute;top:12px;left:12px;right:12px;padding:10px 12px;border-radius:12px;font-size:14px;text-align:center}.popup.increase{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.popup.decrease{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 1024px){.auth-layout{grid-template-columns:1.1fr 1fr}}@media (max-width: 860px){.auth-layout{grid-template-columns:1fr}.hero-panel{padding-bottom:12px}.auth-panel{padding-top:0}.auth-card{margin-top:8px}}@media (max-width: 650px){.contain{flex-direction:column;align-items:center;text-align:center;width:100%}.title-container{width:100%;padding-left:22px}}@media (max-width: 450px){.contain{padding:clamp(12px,4vw,20px)}.cta-row .btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes digitPop{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--simple-color2)}a:hover{color:#747bff}button{background-color:#f9f9f9}}.admin-page{min-height:100dvh;background:var(--surface);padding:16px;display:grid;place-items:start center}.admin{width:100%;max-width:1100px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}@media (min-width: 768px){.admin{padding:28px}}.admin__toolbar{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}@media (min-width: 720px){.admin__toolbar{grid-template-columns:auto 1fr auto;align-items:center}}.admin__title{text-align:left}.admin__heading{margin:0;font-size:clamp(20px,2.2vw,28px);color:var(--text)}.admin__msg{margin:6px 0 0;color:#ff7272;font-size:.95rem}.admin__actions{justify-self:start}@media (min-width: 720px){.admin__actions{justify-self:end}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#1d1d1d;color:var(--text);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease,transform .02s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.7;cursor:not-allowed}.btn--pill{border-radius:999px}.btn--ghost{background:transparent}.btn--sm{padding:8px 12px;font-weight:600}.btn--primary{background:var(--bg);color:#fff;border-color:transparent}.btn--danger{background:var(--negatif);color:#fff;border-color:transparent}.btn--warn{background:var(--main-color);color:var(--simple-color2);border-color:transparent;background-color:var(--main-color)}.btn--info{background:var(--simple-color2);color:var(--simple-color);border-color:transparent}.user-cards{list-style:none;padding:0;margin:18px 0 8px;display:grid;gap:12px}.user-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff08}.user-card__row{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:6px 0;border-bottom:1px dashed var(--border)}.user-card__row:last-child{border-bottom:none}.user-card__label{color:var(--muted);font-weight:600}.user-card__value{color:var(--text);overflow-wrap:anywhere}.user-card__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.user-cards__empty{color:var(--muted);text-align:center;padding:16px 8px}.table-wrap{margin-top:8px;overflow:auto;border-radius:12px;border:1px solid var(--border);display:none}.table{width:100%;border-collapse:collapse;min-width:680px}.table thead tr{background:color-mix(in oklab,var(--main-color) 25%,#000)}.table th,.table td{text-align:center;padding:12px;border-bottom:1px solid var(--border);color:var(--text)}.table__th--actions{width:320px}.table__actions{display:flex;gap:8px;flex-wrap:wrap}.table__empty{text-align:center;padding:18px;color:var(--muted)}@media (min-width: 768px){.table-wrap{display:block}.user-cards{display:none}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:1000;padding:16px}.modal__box{background:#0f0f10;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);width:min(520px,100%);padding:20px;color:var(--text);text-align:center}.modal__title{margin:0 0 8px;font-size:1.25rem}.modal__text{margin:0;color:var(--text)}.modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
