:root{--brand-primary: hsl(244 82% 60%);--brand-primary-2: hsl(271 84% 62%);--brand-accent: hsl(158 78% 40%);--surface-0: hsl(225 30% 6%);--surface-1: hsl(225 28% 9%);--surface-2: hsl(225 24% 13%);--text-0: hsl(210 40% 98%);--text-1: hsl(215 24% 86%);--muted: hsl(217 16% 70%);--border: hsl(220 18% 22%);--shadow: 0 18px 50px hsl(220 45% 2% / .55);--radius: 18px;--container: 1120px;--focus: 0 0 0 4px hsl(244 82% 60% / .22);--brand-grad: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-2));--surface-grad: radial-gradient(1200px 600px at 20% 10%, hsl(244 82% 60% / .18), transparent 55%), radial-gradient(900px 480px at 90% 0%, hsl(271 84% 62% / .16), transparent 52%), radial-gradient(900px 520px at 70% 140%, hsl(158 78% 40% / .1), transparent 55%);--topbar-bg: hsl(225 30% 6% / .55);--topbar-border: hsl(220 18% 22% / .7);--card-bg: hsl(225 28% 9% / .72);--card-border: hsl(220 18% 22% / .75);--card-soft-bg: hsl(225 24% 13% / .52);--card-soft-border: hsl(220 18% 22% / .7);--nav-hover-bg: hsl(225 24% 13% / .45);--nav-hover-border: hsl(220 18% 22% / .7);--nav-active-bg: hsl(225 24% 13% / .6);--nav-active-border: hsl(220 18% 22% / .9);--btn-ghost-bg: hsl(225 24% 13% / .3);--btn-ghost-border: hsl(220 18% 22% / .75);--btn-ghost-hover-bg: hsl(225 24% 13% / .52);--btn-soft-bg: hsl(225 24% 13% / .58);--btn-soft-border: hsl(220 18% 22% / .75);--input-bg: hsl(225 28% 9% / .55);--input-border: hsl(220 18% 22% / .9);--input-focus-border: hsl(244 82% 60% / .55);--input-focus-bg: hsl(225 28% 9% / .72);--badge-bg: hsl(225 24% 13% / .45);--badge-border: hsl(220 18% 22% / .85);--cta-border: hsl(220 18% 22% / .85);--cta-bg: linear-gradient(180deg, hsl(225 28% 9% / .75), hsl(225 24% 13% / .55));--cta-before: radial-gradient(900px 180px at 30% 0%, hsl(244 82% 60% / .22), transparent 60%), radial-gradient(800px 220px at 90% 20%, hsl(271 84% 62% / .18), transparent 58%);--cta-after-border: hsl(0 0% 100% / .06);--cta-icon-bg: hsl(225 24% 13% / .55);--cta-icon-border: hsl(220 18% 22% / .85);--hero-border: hsl(220 18% 22% / .8);--hero-bg: linear-gradient(180deg, hsl(225 28% 9% / .78), hsl(225 24% 13% / .48));--hero-before: radial-gradient(1100px 420px at 10% 0%, hsl(244 82% 60% / .25), transparent 60%), radial-gradient(900px 360px at 95% 10%, hsl(271 84% 62% / .2), transparent 58%), radial-gradient(900px 460px at 70% 120%, hsl(158 78% 40% / .1), transparent 55%);--row-bg: hsl(225 24% 13% / .4);--row-border: hsl(220 18% 22% / .75);--footer-bg: hsl(225 30% 6% / .35);--footer-border: hsl(220 18% 22% / .7);--img-border: hsl(220 18% 22% / .8);--img-bg: radial-gradient(400px 180px at 20% 10%, hsl(244 82% 60% / .22), transparent 60%), radial-gradient(360px 160px at 80% 20%, hsl(271 84% 62% / .18), transparent 58%), linear-gradient(180deg, hsl(225 28% 9% / .7), hsl(225 24% 13% / .55));--brand-mark-shadow: 0 18px 40px hsl(244 82% 20% / .25);--brand-mark-border: hsl(0 0% 100% / .1);--brand-dot-bg: hsl(0 0% 100% / .92);--brand-dot-shadow: 0 10px 22px hsl(0 0% 100% / .1);--sep: hsl(220 18% 22%)}html[data-theme=light]{--surface-0: hsl(210 30% 98%);--surface-1: hsl(0 0% 100%);--surface-2: hsl(210 20% 97%);--text-0: hsl(222 47% 11%);--text-1: hsl(215 25% 26%);--muted: hsl(215 16% 47%);--border: hsl(214 18% 90%);--shadow: 0 12px 32px hsl(220 40% 10% / .1);--focus: 0 0 0 4px hsl(244 82% 60% / .18);--surface-grad: radial-gradient(1200px 600px at 20% 10%, hsl(244 82% 60% / .14), transparent 55%), radial-gradient(900px 480px at 90% 0%, hsl(271 84% 62% / .12), transparent 52%), radial-gradient(900px 520px at 70% 110%, hsl(158 78% 40% / .08), transparent 55%);--topbar-bg: hsl(0 0% 100% / .7);--topbar-border: var(--border);--card-bg: hsl(0 0% 100% / .86);--card-border: var(--border);--card-soft-bg: hsl(210 20% 97% / .92);--card-soft-border: var(--border);--nav-hover-bg: hsl(210 20% 97% / .85);--nav-hover-border: var(--border);--nav-active-bg: hsl(210 20% 97% / .92);--nav-active-border: var(--border);--btn-ghost-bg: hsl(210 20% 97% / .7);--btn-ghost-border: var(--border);--btn-ghost-hover-bg: hsl(210 20% 97% / .92);--btn-soft-bg: hsl(210 20% 97% / .92);--btn-soft-border: var(--border);--input-bg: hsl(0 0% 100% / .92);--input-border: var(--border);--input-focus-border: hsl(244 82% 60% / .45);--input-focus-bg: hsl(0 0% 100% / .98);--badge-bg: hsl(210 20% 97% / .92);--badge-border: var(--border);--cta-border: var(--border);--cta-bg: linear-gradient(180deg, hsl(0 0% 100% / .9), hsl(210 20% 97% / .92));--cta-before: radial-gradient(900px 180px at 30% 0%, hsl(244 82% 60% / .14), transparent 60%), radial-gradient(800px 220px at 90% 20%, hsl(271 84% 62% / .12), transparent 58%);--cta-after-border: hsl(0 0% 0% / .06);--cta-icon-bg: hsl(210 20% 97% / .95);--cta-icon-border: var(--border);--hero-border: var(--border);--hero-bg: linear-gradient(180deg, hsl(0 0% 100% / .9), hsl(210 20% 97% / .92));--hero-before: radial-gradient(1100px 420px at 10% 0%, hsl(244 82% 60% / .16), transparent 60%), radial-gradient(900px 360px at 95% 10%, hsl(271 84% 62% / .12), transparent 58%), radial-gradient(900px 460px at 70% 120%, hsl(158 78% 40% / .06), transparent 55%);--row-bg: hsl(0 0% 100% / .82);--row-border: var(--border);--footer-bg: hsl(0 0% 100% / .55);--footer-border: var(--border);--img-border: var(--border);--img-bg: radial-gradient(400px 180px at 20% 10%, hsl(244 82% 60% / .12), transparent 60%), radial-gradient(360px 160px at 80% 20%, hsl(271 84% 62% / .1), transparent 58%), linear-gradient(180deg, hsl(0 0% 100% / .9), hsl(210 20% 97% / .92));--brand-mark-shadow: 0 16px 34px hsl(244 82% 30% / .12);--brand-mark-border: hsl(0 0% 0% / .08);--brand-dot-bg: hsl(0 0% 100% / .9);--brand-dot-shadow: 0 10px 22px hsl(220 40% 10% / .08);--sep: hsl(214 18% 84%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--surface-0);color:var(--text-0);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.p-body{background-image:var(--surface-grad);background-attachment:scroll;background-size:cover;background-repeat:no-repeat;min-height:100vh}a{color:inherit;text-decoration:none}.p-link{color:var(--text-1)}.p-link:hover{color:var(--text-0)}.p-topbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border)}.p-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.p-brand{display:flex;align-items:center;gap:12px}.p-brand-mark{width:38px;height:38px;border-radius:12px;background:var(--brand-grad);box-shadow:var(--brand-mark-shadow);display:grid;place-items:center;border:1px solid var(--brand-mark-border)}.p-brand-dot{width:10px;height:10px;border-radius:99px;background:var(--brand-dot-bg);box-shadow:var(--brand-dot-shadow)}.p-brand-text{display:flex;flex-direction:column;line-height:1.05}.p-brand-name{font-weight:700;letter-spacing:.2px}.p-brand-sub{font-size:12px;color:var(--muted);margin-top:2px}.p-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.p-nav-link{padding:10px 12px;border-radius:12px;color:var(--text-1);border:1px solid transparent}.p-nav-link:hover{color:var(--text-0);background:var(--nav-hover-bg);border-color:var(--nav-hover-border)}.p-container{max-width:var(--container);margin:0 auto;padding:26px 18px 44px}.p-footer{border-top:1px solid var(--footer-border);background:var(--footer-bg)}.p-footer-inner{max-width:var(--container);margin:0 auto;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.p-muted{color:var(--muted);font-size:13px}.p-sep{color:var(--sep)}.p-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow)}.p-card-inner{padding:18px}.p-card-soft{background:var(--card-soft-bg);border:1px solid var(--card-soft-border);border-radius:var(--radius)}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:650;letter-spacing:.15px;transition:transform .14s ease,filter .14s ease,background .14s ease,border-color .14s ease}.p-btn:active{transform:translateY(1px)}.p-btn:focus{outline:none;box-shadow:var(--focus)}.p-btn-primary{background:var(--brand-grad);color:var(--text-0);border-color:transparent}.p-btn-primary:hover{filter:brightness(1.05)}.p-btn-ghost{background:var(--btn-ghost-bg);border-color:var(--btn-ghost-border);color:var(--text-1);border-width:1px;border-style:solid}.p-btn-ghost:hover{background:var(--btn-ghost-hover-bg);color:var(--text-0)}.p-btn-soft{background:var(--btn-soft-bg);border-color:var(--btn-soft-border);color:var(--text-0);border-width:1px;border-style:solid}.p-btn-soft:hover{filter:brightness(1.03)}.p-field{display:flex;flex-direction:column;gap:7px}.p-label{font-size:13px;color:var(--muted)}.p-input{width:100%;padding:12px;border-radius:14px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-0);transition:box-shadow .14s ease,border-color .14s ease,background .14s ease}.p-input::placeholder{color:color-mix(in oklab,var(--muted) 70%,transparent)}.p-input:focus{outline:none;box-shadow:var(--focus);border-color:var(--input-focus-border);background:var(--input-focus-bg)}.p-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--text-1);font-size:12px;font-weight:650}.p-badge.p-badge-accent{background:linear-gradient(135deg,color-mix(in oklab,var(--brand-accent) 22%,transparent),color-mix(in oklab,var(--brand-primary) 15%,transparent));border-color:color-mix(in oklab,var(--brand-accent) 35%,var(--border));color:var(--text-0)}.p-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:980px){.p-grid-3{grid-template-columns:1fr}}.p-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:980px){.p-grid-2{grid-template-columns:1fr}}.p-cta{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 2px);border:1px solid var(--cta-border);background:var(--cta-bg);box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,filter .18s ease}.p-cta:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--brand-primary) 35%,var(--cta-border));filter:brightness(1.04)}.p-cta:before{content:"";position:absolute;inset:-2px;background:var(--cta-before);opacity:.9;pointer-events:none}.p-cta:after{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) + 2px);border:1px solid var(--cta-after-border);pointer-events:none}.p-cta-inner{position:relative;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:142px}.p-cta-icon{width:44px;height:44px;border-radius:14px;background:var(--cta-icon-bg);border:1px solid var(--cta-icon-border);display:grid;place-items:center;color:var(--text-0)}.p-cta-title{font-size:16px;font-weight:750;letter-spacing:.2px}.p-cta-desc{color:var(--text-1);font-size:13px;line-height:1.45}.p-cta-micro{color:var(--muted);font-size:12px;margin-top:-4px}.p-hero{padding:18px;border-radius:calc(var(--radius) + 8px);border:1px solid var(--hero-border);background:var(--hero-bg);box-shadow:var(--shadow);position:relative;overflow:hidden}.p-hero:before{content:"";position:absolute;inset:-2px;background:var(--hero-before);pointer-events:none}.p-hero-inner{position:relative;padding:18px}.p-hero-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.p-title{font-size:40px;line-height:1.05;margin:0 0 10px;letter-spacing:-.6px}@media(max-width:720px){.p-title{font-size:32px}}.p-subtitle{margin:0;color:var(--text-1);max-width:64ch;line-height:1.55}.p-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.p-section{margin-top:18px}.p-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:18px 0 12px}.p-h2{margin:0;font-size:16px;letter-spacing:.2px}.p-right{text-align:right}.p-list{display:flex;flex-direction:column;gap:10px}.p-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--row-border);background:var(--row-bg)}.p-row-title{font-weight:650}.p-row-sub{color:var(--muted);font-size:12px;margin-top:3px}.p-row-right{color:var(--text-1);font-size:13px}.p-img{width:100%;aspect-ratio:16/10;border-radius:14px;border:1px solid var(--img-border);background:var(--img-bg)}.p-mt-10{margin-top:10px}.p-mt-14{margin-top:14px}.p-mt-18{margin-top:18px}.p-stack{display:flex;flex-direction:column;gap:12px}.p-theme-toggle{position:fixed;top:14px;right:18px;z-index:9999;width:44px;height:44px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-0);box-shadow:var(--shadow);cursor:pointer;transition:transform .14s ease,filter .14s ease,background .14s ease,border-color .14s ease}.p-theme-toggle:hover{filter:brightness(1.06)}.p-theme-toggle:active{transform:translateY(1px)}.p-theme-toggle:focus{outline:none;box-shadow:var(--focus)}.p-theme-icon svg{width:20px;height:20px;display:block;color:currentColor}.cw-theme-toggle{position:fixed;top:20px;right:20px;z-index:1000}.cw-theme-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border);color:var(--text-0);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.cw-theme-btn:hover{background:var(--card-soft-bg);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 18px 40px var(--brand-primary) / .25}.cw-theme-btn.clicked{animation:themeToggleClick .4s ease}@keyframes themeToggleClick{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}[data-theme=light] .cw-theme-btn{background:var(--card-bg);border-color:var(--border)}[data-theme=light] .cw-theme-btn:hover{background:var(--card-soft-bg);border-color:var(--brand-primary)}@media(max-width:768px){.cw-theme-toggle{top:16px;right:16px}.cw-theme-btn{width:40px;height:40px}.cw-sun-icon,.cw-moon-icon{width:18px;height:18px}}.p-topbar{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);padding:0 20px}.p-topbar-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}.p-nav-group{display:flex;align-items:center;gap:12px}.p-brand{display:flex;align-items:center;gap:10px}.p-brand-text{display:flex;flex-direction:column}.p-brand-name{font-weight:700;font-size:18px;letter-spacing:.2px}.p-brand-sub{display:none}.p-nav{display:flex;align-items:center;gap:6px}.p-nav-link{padding:10px 14px;border-radius:12px;color:var(--text-1);border:1px solid transparent;font-size:14px;transition:all .2s ease}.p-nav-link:hover{background:var(--nav-hover-bg);border-color:var(--nav-hover-border);color:var(--text-0)}.p-nav-link.is-active{background:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--text-0)}.p-btn-cart{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text-1);font-size:14px}.p-btn-cart:hover{background:var(--btn-ghost-hover-bg);color:var(--text-0)}.p-badge-cart{background:var(--brand-primary);color:#fff;border:none;padding:4px 8px;font-size:11px;min-width:20px;display:inline-flex;align-items:center;justify-content:center}.cw-sun-icon,.cw-moon-icon{transition:all .3s ease;position:absolute}.cw-sun-icon{opacity:1;transform:rotate(0) scale(1)}.cw-moon-icon{opacity:0;transform:rotate(-90deg) scale(.8)}[data-theme=light] .cw-sun-icon{opacity:0;transform:rotate(90deg) scale(.8)}[data-theme=light] .cw-moon-icon{opacity:1;transform:rotate(0) scale(1)}.p-main{min-height:calc(100vh - 64px);padding:30px 20px;max-width:var(--container);margin:0 auto}.p-copyright{text-align:center;padding:20px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);background:var(--footer-bg)}@media(max-width:980px){.p-topbar{padding:0 16px}.p-topbar-inner{height:60px;gap:15px}.p-nav{gap:4px}.p-nav-link,.p-btn-cart{padding:8px 12px;font-size:13px}.p-main{padding:24px 16px;min-height:calc(100vh - 60px)}}@media(max-width:768px){.p-topbar-inner{flex-wrap:wrap;height:auto;padding:12px 0}.p-nav-group{width:100%;justify-content:space-between;margin-top:10px}.p-brand-name{font-size:16px}.p-nav{gap:6px;flex-wrap:wrap}.p-nav-link{flex:1;min-width:0;text-align:center;font-size:12px;padding:8px 10px}.p-btn-cart{padding:8px 10px;font-size:12px}.p-btn-theme{width:40px;height:40px}.p-main{padding:20px 12px}}.p-utils{display:flex;align-items:center;gap:8px}.p-btn-lang{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text-1);cursor:pointer;position:relative;transition:all .2s ease;padding:0}.p-btn-lang:hover{background:var(--btn-ghost-hover-bg);border-color:var(--brand-primary);color:var(--text-0)}.p-lang-icon{width:20px;height:20px;border-radius:2px;transition:all .3s ease;position:absolute}.p-lang-icon-fr{opacity:1;transform:scale(1) rotate(0)}.p-lang-icon-en{opacity:0;transform:scale(.8) rotate(-20deg)}[data-current-lang=en] .p-lang-icon-fr{opacity:0;transform:scale(.8) rotate(20deg)}[data-current-lang=en] .p-lang-icon-en{opacity:1;transform:scale(1) rotate(0)}.p-lang-text{position:absolute;bottom:-16px;font-size:10px;color:var(--muted);opacity:0;transition:opacity .2s ease}.p-btn-lang:hover .p-lang-text{opacity:1}.p-btn-lang.lang-switched{animation:langSwitch .3s ease}@keyframes langSwitch{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.p-btn-theme{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);color:var(--text-1);cursor:pointer;transition:all .2s ease}.p-btn-theme:hover{background:var(--btn-ghost-hover-bg);border-color:var(--brand-primary);color:var(--text-0)}@media(max-width:768px){.p-utils{gap:6px}.p-btn-lang,.p-btn-theme{width:40px;height:40px}.p-lang-icon{width:18px;height:18px}.p-lang-text{display:none}}@media(max-width:480px){.p-btn-lang,.p-btn-theme{width:36px;height:36px}.p-lang-icon{width:16px;height:16px}}