/* DAVBOT — thème futuriste premium (chargé après style.css) */
:root{--bg:#03050b;--bg2:#070b16;--blue:#7c5cff;--cyan:#3ee6ff;--gold:#3ee6ff;--gold2:#7c5cff;--sun:#ffb43b;--line:rgba(120,170,255,.14);--card:rgba(8,13,26,.78);--radius:18px}
h1,h2,h3,.brand,.sl-res b,.sl-row output,.store-meta h2{font-family:Sora,"Inter",system-ui,sans-serif}
body{background:radial-gradient(1000px 520px at 12% -5%,rgba(124,92,255,.22),transparent 60%),radial-gradient(800px 480px at 95% 8%,rgba(62,230,255,.12),transparent 60%),var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(120,170,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 20%,#000 20%,transparent 75%)}
.ambient{opacity:.2}.ambient-a{background:#7c5cff}.ambient-b{background:#3ee6ff}
.site-header{background:rgba(3,5,11,.72);border-bottom:1px solid rgba(62,230,255,.18)}
.brand-mark{background:linear-gradient(135deg,#3ee6ff,#7c5cff);color:#03050b;box-shadow:0 0 28px rgba(62,230,255,.45)}
nav a.nav-store,.nav-store{border:1px solid rgba(62,230,255,.4)!important;color:#fff;box-shadow:0 0 18px rgba(62,230,255,.12) inset}
h1{font-weight:700;letter-spacing:-.045em}
h1 span,.store-hero h1 span{background:linear-gradient(90deg,#fff 0%,#3ee6ff 55%,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--cyan)}.dot{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.btn{border-radius:12px}.btn-gold{background:linear-gradient(135deg,#3ee6ff,#7c5cff);color:#03050b;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 40px rgba(62,230,255,.22)}
.btn-gold:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 14px 55px rgba(124,92,255,.45)}
.btn-ghost{border-color:rgba(62,230,255,.25)}.btn-ghost:hover{border-color:var(--cyan);background:rgba(62,230,255,.08)}
.glass-card,.service-card,.project-card,.contact-card,.contact-form,.app-card,.steps article,.role-card{position:relative;border:1px solid var(--line);background:linear-gradient(160deg,rgba(14,22,42,.8),rgba(4,7,15,.86));border-radius:var(--radius);backdrop-filter:blur(10px)}
.glass-card::before,.service-card::before,.app-card::before,.role-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;padding:1px;background:radial-gradient(280px circle at var(--cx,50%) var(--cy,0%),rgba(62,230,255,.7),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.0;transition:opacity .3s}
.glass-card:hover::before,.service-card:hover::before,.app-card:hover::before,.role-card:hover::before{opacity:1}
.glass-card:hover,.service-card:hover,.project-card:hover,.app-card:hover{border-color:rgba(62,230,255,.4);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 40px rgba(62,230,255,.08)}
.card-icon,.service-card>i,.contact-line i,.security-strip i{color:var(--cyan)}
.profile-ring{background:conic-gradient(from 0deg,#3ee6ff,#7c5cff,#ffb43b,#3ee6ff);animation:spin 9s linear infinite}.profile-ring img{animation:spin 9s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.profile-glow{background:linear-gradient(135deg,#7c5cff,#3ee6ff);opacity:.3}.profile-tag{color:var(--cyan)}
.hud{display:flex;justify-content:space-between;gap:8px;margin-top:20px;padding-top:14px;border-top:1px dashed rgba(62,230,255,.25);font:600 10px ui-monospace,Menlo,Consolas,monospace;color:#7f93b5}.hud b{color:#3dffa0}
.hero-stats div{border-color:rgba(62,230,255,.16);background:rgba(62,230,255,.035)}
.skills span,.badges span{border-color:rgba(62,230,255,.18);background:rgba(62,230,255,.04)}.skills span:hover{border-color:var(--cyan);color:var(--cyan)}
.steps article::before{background:linear-gradient(135deg,#3ee6ff,#7c5cff);color:#03050b}
.section-head::before{color:var(--cyan)!important}
/* Solaire : l'ambre rappelle le soleil */
.sl-row output,.sl-res b{color:var(--sun);text-shadow:0 0 22px rgba(255,180,59,.35)}.sl-row input[type=range]{accent-color:var(--sun)}.sl-res>div{background:rgba(255,180,59,.05);border-color:rgba(255,180,59,.22)}
/* À propos */
.about-pro{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.about-text p{color:var(--muted);line-height:1.85;font-size:15px;max-width:68ch;margin-bottom:16px}.about-text strong{color:#fff}
.about-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.about-facts div{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(62,230,255,.03)}
.about-facts b{display:block;font:700 22px Sora,sans-serif;color:#fff}.about-facts span{font-size:12px;color:var(--muted)}
.roles{display:grid;gap:12px}.role-card{padding:20px 22px}.role-card h3{font-size:17px;display:flex;align-items:center;gap:12px}.role-card h3 i{color:var(--cyan);width:22px}.role-card p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:8px}
.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.expert-grid .glass-card h3{font-size:16px;margin:0 0 14px;display:flex;gap:10px;align-items:center}.expert-grid .glass-card h3 i{color:var(--cyan)}
.expert-grid ul{list-style:none;display:grid;gap:9px}.expert-grid li{font-size:13px;color:#b8c6dc;padding-left:18px;position:relative;line-height:1.5}.expert-grid li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,#3ee6ff,#7c5cff)}
/* Store futuriste */
.store-hero{position:relative;overflow:hidden}.store-hero::after{content:"";position:absolute;right:-120px;top:-60px;width:420px;height:420px;border-radius:50%;background:conic-gradient(from 90deg,rgba(62,230,255,.0),rgba(62,230,255,.25),rgba(124,92,255,.0));filter:blur(30px);animation:spin 14s linear infinite;pointer-events:none}
.store-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.store-stats div{padding:12px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(62,230,255,.04);font:600 11px ui-monospace,Menlo,Consolas,monospace;color:#7f93b5}.store-stats b{display:block;font:700 22px Sora,sans-serif;color:#fff}
.search input{background:rgba(5,9,19,.9);border-color:rgba(62,230,255,.2)}.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(62,230,255,.12)}
.chip{border-color:rgba(62,230,255,.18)}.chip.active{background:linear-gradient(135deg,#3ee6ff,#7c5cff);color:#03050b;font-weight:700}
.app-card.premium{border-color:rgba(255,180,59,.5);box-shadow:0 0 40px rgba(255,180,59,.08)}
.app-icon{box-shadow:0 0 0 1px rgba(62,230,255,.3),0 10px 30px rgba(124,92,255,.3)}
.badge-official{background:rgba(62,230,255,.12);color:var(--cyan);border:1px solid rgba(62,230,255,.4)}
.download{background:linear-gradient(135deg,#3ee6ff,#7c5cff);color:#03050b}
@media(max-width:900px){.about-pro,.expert-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.profile-ring,.profile-ring img,.store-hero::after{animation:none}}
body.light{--bg:#eef3fb;--line:rgba(20,40,90,.12);background:#eef3fb}body.light::before{opacity:.5}body.light .about-text strong,body.light .about-facts b,body.light .store-stats b{color:#0b1426}body.light .btn-gold{color:#03050b}body.light .glass-card,body.light .service-card,body.light .app-card,body.light .role-card{background:rgba(255,255,255,.9)}body.light .expert-grid li{color:#334155}
.skills-wrap{margin-top:26px}