:root{
  --night-0:#07131F; --night-1:#0A1A2C; --night-2:#0C1F34; --night-3:#050D16;
  --ink:#FFFFFF; --ink-2:rgba(255,255,255,.76); --ink-3:rgba(255,255,255,.58); --hair:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.07); --glass-line:rgba(255,255,255,.17); --glass-hi:inset 0 1px 0 rgba(255,255,255,.24);
  --lg-bg:linear-gradient(135deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.045) 40%, rgba(255,255,255,.025) 62%, rgba(255,255,255,.09) 100%);
  --lg-edge:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.55), inset -1px -1px 0 -.5px rgba(255,255,255,.22), inset 0 0 0 1px rgba(255,255,255,.07);
  --blue:#A9CBFF; --blue-strong:#3D93E6;
  --ok:#62E0B6; --warn:#FFC461; --bad:#FF7B6E;
  --r-s:10px; --r-m:14px; --r-l:18px;
  --ease:cubic-bezier(.16,1,.3,1);
  --font:-apple-system,BlinkMacSystemFont,'Montserrat',sans-serif;
  --h1fs:clamp(46px, 5.6vw, 82px);

  --bg-deep:var(--night-0); --bg-panel:rgba(255,255,255,.05); --bg-panel-2:rgba(255,255,255,.07); --bg-elevated:rgba(255,255,255,.12); --line:var(--hair);
  --text:var(--ink); --text-muted:var(--ink-2); --text-faint:var(--ink-3);
  --amber:#FFC461; --teal:#62E0B6; --magenta:#C1666B; --danger:#FF7B6E; --purple:#A98CE0; --sky:#A9CBFF;
  --grad-panel:var(--lg-bg);
  --grad-cta:linear-gradient(135deg, #FFFFFF 0%, #A9CBFF 100%);
  --font-head:var(--font); --font-body:var(--font);
}
@view-transition{ navigation: auto; }
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:rgba(255,255,255,.22) var(--night-0);}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} }
*{box-sizing:border-box;}
body{
  margin:0;color:var(--ink);font-family:var(--font);line-height:1.55;overflow-x:hidden;min-height:100vh;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg, var(--night-0) 0%, var(--night-1) 30%, var(--night-2) 62%, var(--night-3) 100%);
  background-color:var(--night-0);
}
::selection{background:#FFFFFF;color:var(--night-0);}
main{display:block;flex:1 0 auto;padding-top:72px;}
a{color:inherit;}
.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:10px 18px;border-radius:999px;background:#FFFFFF;color:#07131F;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35);transform:translateY(-180%);transition:transform .2s ease;}
.skip-link:focus{transform:none;outline:2px solid #A9CBFF;outline-offset:2px;}
#contenu:focus{outline:none;}
a:focus-visible, button:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px;border-radius:6px;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1;}
img{max-width:100%;display:block;}
svg{display:block;}
[hidden]{display:none !important;}

.lg-defs{position:absolute;width:0;height:0;overflow:hidden;}
.lg{
  position:relative;isolation:isolate;border:none !important;
  background:linear-gradient(135deg, rgba(255,255,255,.17) 0%, rgba(255,255,255,.05) 42%, rgba(255,255,255,.03) 60%, rgba(255,255,255,.12) 100%) !important;
  box-shadow:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.75), inset -1px -1px 0 -.5px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.1), inset 0 -10px 18px -12px rgba(255,255,255,.22), 0 10px 28px rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter:blur(6px) saturate(180%) brightness(1.06);backdrop-filter:blur(6px) saturate(180%) brightness(1.06);
}
.lg-refract .lg{backdrop-filter:url(#lgRefract) blur(1.2px) saturate(185%) brightness(1.07);}
.lg::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:var(--lgo, .55);transition:opacity .35s ease;
  background:radial-gradient(120px 60px at var(--lx, 30%) var(--ly, 0%), rgba(255,255,255,.32), rgba(255,255,255,0) 70%);}
.lg:hover{--lgo:1;}

.dm-panel,.blog-card,.article-cta,.note-card{
  background:var(--lg-bg), rgba(10,26,44,.3);border:none;border-radius:var(--r-l);
  box-shadow:var(--lg-edge), 0 14px 34px rgba(0,0,0,.26);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
}

.site-head{position:fixed;top:0;left:0;right:0;z-index:100;}
.site-head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;border-bottom:1px solid var(--hair);background:rgba(7,19,31,.62);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);transition:opacity .35s ease;}
.site-head.is-scrolled::before{opacity:1;}
.head-inner{max-width:1360px;margin:0 auto;padding:14px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;}
.site-head .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;justify-self:start;margin-left:calc(var(--h1fs) * .0732);}
.site-head .brand-mark{width:18.6px;height:27.1px;transform:translateY(-1.5px);}
.site-head .brand-word{width:140px;height:24px;}
.head-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:14px;}
.head-nav a{position:relative;z-index:1;display:flex;align-items:center;height:36px;padding:0 16px;border-radius:9px;
  font-size:14px;font-weight:600;color:rgba(255,255,255,.86);text-decoration:none;transition:color .2s ease;}
.head-nav a:hover,.head-nav a[aria-current="page"]{color:#FFFFFF;}
.nav-glint{position:absolute;z-index:0;top:5px;left:0;height:36px;width:0;border-radius:9px;opacity:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.1));box-shadow:inset 1px 1px 0 -.5px rgba(255,255,255,.8), inset -1px -1px 0 -.5px rgba(255,255,255,.3), 0 4px 12px rgba(0,0,0,.18);
  transition:transform .35s var(--ease), width .35s var(--ease), opacity .2s ease;}
.head-actions{justify-self:end;display:flex;align-items:center;gap:6px;}
.head-login{display:flex;align-items:center;height:40px;padding:0 14px;border-radius:9px;font-size:14px;font-weight:600;
  color:rgba(255,255,255,.9);text-decoration:none;transition:background .2s ease, color .2s ease;}
.head-login:hover{background:rgba(255,255,255,.1);color:#FFFFFF;}
#navLoginBtn{height:40px;padding:0 16px;font-size:14px;}
.nav-acct-avatar{
  width:22px;height:22px;border-radius:50%;background:#C1666B;color:#1a0a12;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10.5px;flex-shrink:0;
  background-size:cover;background-position:center;overflow:hidden;
}
.menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.1);color:#FFFFFF;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease;}
.menu-btn:hover,.menu-btn[aria-expanded="true"]{background:rgba(255,255,255,.2);}
.nav-login-m, .nav-signup-m{display:none !important;}
@media(max-width:960px){
  .head-inner{grid-template-columns:44px 1fr 44px;padding:12px 14px;gap:8px;}
  .head-inner::before{content:"";grid-column:3;grid-row:1;}
  .site-head .brand{grid-column:2;grid-row:1;justify-self:center;gap:11px;margin-left:0 !important;}
  .site-head .brand-mark{width:16.3px;height:23.7px;transform:translateY(-1.3px);}
  .site-head .brand-word{width:122px;height:21px;}
  .head-actions{grid-column:1;grid-row:1;justify-self:start;gap:0;}
  .head-login, #navLoginBtn{display:none !important;}
  .menu-btn{display:inline-flex;}
  .head-nav{display:none;position:absolute;top:calc(100% + 6px);left:12px;right:12px;max-width:360px;flex-direction:column;align-items:stretch;gap:2px;padding:6px;
    background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 42%, rgba(255,255,255,.04) 62%, rgba(255,255,255,.12) 100%), rgba(10,26,44,.38) !important;
    -webkit-backdrop-filter:blur(14px) saturate(190%) brightness(1.08) !important;backdrop-filter:blur(14px) saturate(190%) brightness(1.08) !important;}
  .head-nav.is-open{display:flex;animation:menuIn .3s var(--ease) both;}
  @keyframes menuIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
  .head-nav a{height:44px;font-size:15px;}
  .head-nav a:hover{background:rgba(255,255,255,.1);}
  .nav-glint{display:none;}
  .nav-login-m:not([hidden]), .nav-signup-m:not([hidden]){display:flex !important;}
  .head-nav a.nav-signup-m{justify-content:center;margin-top:6px;background:#FFFFFF;color:#07131F;font-weight:700;}
  .head-nav a.nav-signup-m:hover{background:#FFFFFF;color:#07131F;}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font);font-size:14px;font-weight:700;border-radius:var(--r-s);
  border:none;cursor:pointer;text-decoration:none;padding:0 20px;height:44px;white-space:nowrap;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s ease, filter .2s ease;
}
.btn:active{transform:scale(.97);}
.btn-cta,.btn-white{background:#FFFFFF;color:var(--night-0);box-shadow:0 10px 26px rgba(0,0,0,.28);}
.btn-cta:hover,.btn-white:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.34);}
.btn-ghost,.btn-glass{background:rgba(255,255,255,.1);color:#FFFFFF;border:1px solid rgba(255,255,255,.24);box-shadow:var(--glass-hi);
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);}
.btn-ghost:hover,.btn-glass:hover{background:rgba(255,255,255,.18);transform:translateY(-1px);}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important;filter:none !important;}

.page-head{padding:64px 0 40px;text-align:center;}
.section-eyebrow{display:table;margin:0 auto 18px;height:30px;line-height:30px;padding:0 13px;border-radius:9px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.88);
  background:linear-gradient(135deg, rgba(255,255,255,.17) 0%, rgba(255,255,255,.05) 42%, rgba(255,255,255,.03) 60%, rgba(255,255,255,.12) 100%);
  box-shadow:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.75), inset -1px -1px 0 -.5px rgba(255,255,255,.4), inset 0 0 0 1px rgba(255,255,255,.1);}
.section-title{font-family:var(--font);font-size:clamp(32px, 4.2vw, 54px);font-weight:700;line-height:1.08;text-align:center;margin:0 auto 16px;letter-spacing:-.035em;text-wrap:balance;max-width:20ch;}
.section-sub{font-size:15.5px;line-height:1.6;color:var(--ink-2);text-align:center;max-width:56ch;margin:0 auto;text-wrap:balance;}

.blog-filters{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:0 auto 34px;padding:5px;border-radius:14px;width:fit-content;max-width:100%;
  background:linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 45%, rgba(255,255,255,.08) 100%);box-shadow:var(--lg-edge);}
.blog-filter{background:transparent;border:none;color:rgba(255,255,255,.78);font-family:var(--font);font-size:14px;font-weight:600;height:40px;padding:0 18px;border-radius:10px;cursor:pointer;transition:background .3s var(--ease), color .3s ease, box-shadow .3s ease;}
.blog-filter:hover{color:#FFFFFF;}
.blog-filter.active{background:#FFFFFF;color:var(--night-0);box-shadow:0 6px 18px rgba(0,0,0,.28);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 0 80px;}
@media(max-width:900px){ .blog-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:600px){ .blog-grid{grid-template-columns:1fr;} }
.blog-card{overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .3s var(--ease), box-shadow .3s var(--ease);}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--lg-edge), 0 22px 46px rgba(0,0,0,.34);}
.blog-card-thumb{position:relative;aspect-ratio:1.91/1;background:rgba(255,255,255,.06) center/cover no-repeat;flex-shrink:0;}
.blog-card-thumb .cat-badge{position:absolute;top:12px;left:12px;}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1;}
.blog-card-date{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;}
.blog-card h2{font-family:var(--font);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.015em;margin:0;color:var(--ink);}
.blog-card p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0;flex:1;}
.blog-card-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#FFFFFF;margin-top:8px;}
.blog-card-more::after{content:"→";transition:transform .25s var(--ease);}
.blog-card:hover .blog-card-more::after{transform:translateX(3px);}
.blog-card.featured{grid-column:1 / -1;flex-direction:row;align-items:stretch;}
.blog-card.featured .blog-card-thumb{width:56%;aspect-ratio:auto;min-height:320px;}
.blog-card.featured .blog-card-body{padding:38px 40px;justify-content:center;gap:12px;}
.blog-card.featured h2{font-size:28px;letter-spacing:-.025em;}
.blog-card.featured p{font-size:15px;flex:0 0 auto;}
@media(max-width:900px){ .blog-card.featured{flex-direction:column;} .blog-card.featured .blog-card-thumb{width:100%;aspect-ratio:1.91/1;min-height:0;} .blog-card.featured .blog-card-body{padding:22px 22px 26px;} .blog-card.featured h2{font-size:22px;} }
.blog-empty{text-align:center;color:var(--ink-2);padding:40px 0 80px;}

.cat-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:8px;text-decoration:none;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.cat-actualites{background:rgba(255,123,110,.2);color:#FFC1B8;box-shadow:inset 0 0 0 1px rgba(255,123,110,.45);}
.cat-conseils{background:rgba(98,224,182,.16);color:#A8F0D6;box-shadow:inset 0 0 0 1px rgba(98,224,182,.4);}

.article-wrap{max-width:760px;margin:0 auto;padding:56px 24px 96px;}
.article-back{display:inline-flex;align-items:center;gap:6px;padding:7px 15px 7px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-2);text-decoration:none;margin-bottom:28px;--lgo:.35;transition:color .25s var(--ease);}
.article-back svg{transition:transform .25s var(--ease);}
.article-back:hover{color:#FFFFFF;}
.article-back:hover svg{transform:translateX(-2px);}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px;font-size:12.5px;color:var(--ink-3);}
.article-meta-item{display:inline-flex;align-items:center;gap:6px;}
.article-title{font-family:var(--font);font-size:clamp(30px, 4vw, 46px);font-weight:700;line-height:1.1;margin:0 0 30px;letter-spacing:-.035em;text-wrap:balance;}
.article-cover{display:block;width:100%;aspect-ratio:1.91/1;object-fit:cover;background:rgba(255,255,255,.06);border-radius:var(--r-l);margin-bottom:36px;box-shadow:var(--lg-edge), 0 24px 60px rgba(0,0,0,.4);}

.article-body{font-size:17px;line-height:1.8;color:rgba(255,255,255,.9);}
#editor .ql-editor{font-family:var(--font);font-size:16px;line-height:1.75;color:#fff;padding:22px 26px;}
.article-body p, #editor .ql-editor p{margin:0 0 22px;}
.article-body > p:first-child, #editor .ql-editor > p:first-child{font-size:19px;line-height:1.7;color:#fff;}
.article-body h2, #editor .ql-editor h2{font-family:var(--font);font-size:28px;font-weight:700;line-height:1.2;margin:52px 0 18px;letter-spacing:-.025em;scroll-margin-top:96px;color:#fff;}
.article-body h3, #editor .ql-editor h3{font-family:var(--font);font-size:20px;font-weight:700;letter-spacing:-.015em;margin:34px 0 12px;color:var(--blue);}
.article-body strong, #editor .ql-editor strong{color:#fff;}
.article-body a, #editor .ql-editor a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
.article-body img, #editor .ql-editor img{width:100%;border-radius:16px;margin:12px 0;box-shadow:var(--lg-edge), 0 18px 44px rgba(0,0,0,.35);}
.article-body ul, #editor .ql-editor ul, .article-body ol, #editor .ql-editor ol{margin:0 0 24px;padding-left:24px;}
.article-body li{margin-bottom:10px;padding-left:4px;}
.article-body li::marker{color:var(--blue);}
.article-body blockquote, #editor .ql-editor blockquote{position:relative;margin:0;padding:5px 26px;border:none;border-left:3px solid var(--blue);background:rgba(169,203,255,.07);color:#fff;font-size:16px;line-height:1.6;}
.article-body :not(blockquote) + blockquote, #editor .ql-editor :not(blockquote) + blockquote, .article-body > blockquote:first-child, #editor .ql-editor > blockquote:first-child{margin-top:30px;padding-top:22px;border-top-right-radius:14px;}
.article-body blockquote:not(:has(+ blockquote)), #editor .ql-editor blockquote:not(:has(+ blockquote)){margin-bottom:34px;padding-bottom:22px;border-bottom-right-radius:14px;}
.article-body :not(blockquote) + blockquote:has(+ blockquote), #editor .ql-editor :not(blockquote) + blockquote:has(+ blockquote), .article-body > blockquote:first-child:has(+ blockquote), #editor .ql-editor > blockquote:first-child:has(+ blockquote){font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);padding-bottom:10px;}
.article-body :not(blockquote) + blockquote:has(+ blockquote) strong, #editor .ql-editor :not(blockquote) + blockquote:has(+ blockquote) strong, .article-body > blockquote:first-child:has(+ blockquote) strong, #editor .ql-editor > blockquote:first-child:has(+ blockquote) strong{color:var(--blue);}
.article-body blockquote + blockquote, #editor .ql-editor blockquote + blockquote{padding-left:50px;}
.article-body blockquote + blockquote::before, #editor .ql-editor blockquote + blockquote::before{content:'';position:absolute;left:27px;top:calc(5px + .8em - 3.5px);width:7px;height:7px;border-radius:50%;background:var(--blue);}
.article-cta{margin-top:56px;padding:34px 28px;text-align:center;}
.article-cta p{margin:0 0 18px;color:var(--ink-2);font-size:15px;}

.legal{max-width:760px;margin:0 auto;padding:128px 24px 90px;line-height:1.65;}
.legal h1{font-family:var(--font);font-size:clamp(30px, 4vw, 44px);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin:0 0 10px;text-wrap:balance;}
.legal .updated{color:var(--ink-3);font-size:13px;margin-bottom:38px;}
.legal .toc{margin-bottom:44px;font-size:12.5px;padding:16px 18px;border-radius:var(--r-m);background:var(--lg-bg), rgba(10,26,44,.3);box-shadow:var(--lg-edge);}
.legal .toc a{display:block;text-decoration:none;color:var(--ink-3);padding:3px 0;transition:color .2s ease;}
.legal .toc a:hover,.legal .toc a.active{color:#FFFFFF;}
@media(min-width:1300px){
  .legal .toc{position:fixed;top:120px;left:max(20px, calc(50% - 620px));width:190px;margin-bottom:0;transition:opacity .25s ease;}
  .legal .toc.past-content{opacity:0;pointer-events:none;}
}
.legal section{margin-bottom:44px;scroll-margin-top:96px;}
.legal h2{font-family:var(--font);font-size:21px;font-weight:700;letter-spacing:-.02em;border-bottom:1px solid var(--hair);padding-bottom:12px;margin:0 0 16px;}
.legal h3{font-size:15px;font-weight:700;color:#FFFFFF;margin:22px 0 8px;}
.legal p,.legal li{font-size:14px;color:rgba(255,255,255,.86);}
.legal a{color:var(--blue);text-underline-offset:3px;}
.legal ul{padding-left:20px;}
.legal .note{background:var(--lg-bg), rgba(10,26,44,.3);box-shadow:var(--lg-edge);border-radius:var(--r-m);padding:14px 16px;font-size:13px;color:var(--ink-2);margin-top:18px;}
.legal table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;}
.legal th,.legal td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--hair);color:rgba(255,255,255,.88);vertical-align:top;}
.legal th{color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.06em;}
@media(max-width:600px){ .legal .stack-table,.legal .stack-table tbody,.legal .stack-table tr,.legal .stack-table td{display:block;width:100%;} .legal .stack-table tr:first-child{display:none;} .legal .stack-table tr{border:1px solid var(--hair);border-radius:12px;padding:6px 14px;margin-bottom:10px;background:rgba(255,255,255,.03);} .legal .stack-table td{border-bottom:none;padding:6px 0;} .legal .stack-table td::before{content:attr(data-label);display:block;color:var(--ink-3);text-transform:uppercase;font-size:11px;letter-spacing:.05em;margin-bottom:2px;} }
.legal .table-scroll{overflow-x:auto;}

footer{padding:48px 0 32px;border-top:1px solid var(--hair);margin-top:auto;
  background:rgba(5,13,22,.5);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);}
footer .wrap{max-width:1360px;padding:0 32px;}
@media(max-width:600px){ footer .wrap{padding:0 18px;} }
.footer-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:28px;}
.footer-brand{max-width:280px;}
footer .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:0;}
footer .brand-mark{width:20px;height:29px;margin-top:-4px;}
footer .brand-word{width:116px;height:20px;}
.footer-brand p{color:var(--ink-3);font-size:12.5px;margin-top:10px;}
.footer-social{display:flex;gap:10px;margin-top:14px;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);transition:color .2s,border-color .2s,background .2s;}
.footer-social a:hover{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);}
.footer-cols{display:flex;gap:56px;flex-wrap:wrap;}
.footer-col .footer-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:0 0 12px;}
.footer-col a{display:block;font-size:13px;color:var(--ink-2);text-decoration:none;margin-bottom:9px;transition:color .2s ease;}
.footer-col a:hover{color:#FFFFFF;}
@media(max-width:600px){ .footer-grid{flex-direction:column;align-items:center;text-align:center;} .footer-brand{max-width:340px;display:flex;flex-direction:column;align-items:center;} .footer-social{justify-content:center;} .footer-cols{justify-content:center;gap:40px;width:100%;} }
.footer-bottom{font-size:11.5px;color:var(--ink-3);text-align:center;padding-top:24px;border-top:1px solid var(--hair);}

.field{margin-bottom:18px;}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:7px;}
.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=tel],.field input[type=url],.field input[type=date],.field textarea,.field select{
  width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-s);
  color:#FFFFFF;font-family:var(--font);font-size:14px;padding:12px 14px;transition:border-color .2s ease, background .2s ease;
}
.field select{-webkit-appearance:none;appearance:none;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;}
.field select option{background:#0C1F34;color:#FFFFFF;}
.field textarea{resize:vertical;min-height:90px;}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.4);}
.field input:hover,.field textarea:hover,.field select:hover{border-color:rgba(255,255,255,.24);}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(169,203,255,.3);}
.field-hint{font-size:11.5px;color:var(--ink-3);margin-top:6px;}
.form-msg{padding:12px 14px;border-radius:var(--r-s);font-size:13.5px;margin-bottom:16px;}
.form-msg.ok{background:rgba(98,224,182,.12);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(98,224,182,.35);}
.form-msg.err{background:rgba(255,123,110,.12);color:var(--bad);box-shadow:inset 0 0 0 1px rgba(255,123,110,.35);}

.glass-select{position:relative;}
.glass-select-native{position:absolute !important;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;}
.glass-select-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-s);
  color:#FFFFFF;font-family:var(--font);font-size:14px;padding:12px 14px;transition:border-color .2s ease, background .2s ease;}
.glass-select-btn:hover{border-color:rgba(255,255,255,.24);}
.glass-select-btn.open,.glass-select-btn:focus-visible{outline:none;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(169,203,255,.3);}
.glass-select-btn:disabled{opacity:.55;cursor:default;}
.glass-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.glass-select-btn svg{flex-shrink:0;color:rgba(255,255,255,.6);transition:transform .2s var(--ease);}
.glass-select-btn.open svg{transform:rotate(180deg);}
.glass-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:280px;overflow-y:auto;display:none;padding:5px;border-radius:var(--r-m);
  background:linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.035) 45%, rgba(255,255,255,.08) 100%), rgba(12,29,48,.96);
  box-shadow:var(--lg-edge), 0 18px 40px rgba(0,0,0,.45);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);}
.glass-select-menu.open{display:block;animation:menuIn .25s var(--ease) both;}
.glass-select-option{display:block;width:100%;text-align:left;background:none;border:none;border-radius:9px;color:rgba(255,255,255,.88);
  font-family:var(--font);font-size:14px;padding:10px 12px;cursor:pointer;transition:background .15s ease;}
.glass-select-option:hover,.glass-select-option.active{background:rgba(255,255,255,.09);color:#FFFFFF;}
.glass-select-option.selected{background:rgba(61,147,230,.22);color:#FFFFFF;font-weight:700;}
.glass-select-option:disabled{opacity:.45;cursor:default;}
@keyframes menuIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){ .glass-select-menu.open{animation:none;} }