:root{--night:#111b2d;--panel:#1d293c;--paper:#fffaf0;--gold:#f4ce84;--muted:#b4bed0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font:16px/1.7 system-ui,-apple-system,"Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit}nav{max-width:1200px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}nav .brand{font-size:23px;font-weight:800;text-decoration:none;color:var(--gold);letter-spacing:2px}nav .links{display:flex;gap:24px;font-size:14px}nav .links a{text-decoration:none;color:var(--muted)}.hero{max-width:1200px;min-height:620px;margin:0 auto;position:relative;isolation:isolate;display:flex;align-items:center;border-radius:30px;overflow:hidden;padding:60px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111b2df0,#111b2d40 70%),url('assets/hero.webp') center/cover;z-index:-1}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--gold)}h1{font-size:clamp(40px,5.2vw,68px);font-weight:700;line-height:1.24;letter-spacing:-2px;margin:22px 0}h2{font-size:clamp(27px,3vw,38px);line-height:1.4;letter-spacing:-1px}h3{font-size:20px}p{color:var(--muted)}.hero p{max-width:470px;font-size:18px;line-height:1.9}.pill,.button{display:inline-block;padding:12px 22px;border-radius:100px;border:1px solid #687086;color:var(--paper);font-size:14px;text-decoration:none}.button{background:var(--gold);color:var(--night);border:0;font-weight:700}.hero .button{margin-top:20px}.section{max-width:1100px;margin:90px auto;padding:0 30px}.section>p{max-width:650px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:var(--panel);border:1px solid #2f3b4d;border-radius:22px;padding:28px}.card .number{color:var(--gold);font-size:13px;letter-spacing:2px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:30px}.category img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:20px}.category span{display:block;text-align:center;padding:8px;font-size:14px;color:var(--muted)}.panda-note{display:flex;align-items:center;gap:45px;background:var(--paper);color:var(--night);border-radius:28px;padding:40px}.panda-note img{width:200px;max-width:35%;border-radius:50%}.panda-note p{color:#576172}.steps{counter-reset:steps}.steps p{padding:18px 0;border-bottom:1px solid #344154}.steps b{color:var(--gold);margin-right:18px}footer{max-width:1100px;margin:50px auto 0;border-top:1px solid #344154;padding:30px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}.legal{max-width:800px;margin:50px auto;padding:0 24px}.legal h1{font-size:38px}.legal h2{font-size:23px;margin-top:36px}.legal li{color:var(--muted);margin:10px 0}.legal .notice{background:var(--panel);padding:20px;border-radius:16px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:700px){nav{padding:20px}.hero{border-radius:0;min-height:690px;padding:32px 24px;align-items:flex-start}.hero:before{background:linear-gradient(180deg,#111b2dc0,#111b2d30 70%),url('assets/hero.webp') 64% center/cover}.hero p{font-size:16px;max-width:300px}.hero h1{font-size:44px}.features{grid-template-columns:1fr}.section{margin:65px auto;padding:0 24px}.categories{grid-template-columns:repeat(3,1fr);gap:10px}.panda-note{padding:24px;gap:22px;align-items:flex-start}.panda-note h2{font-size:25px}nav .links{gap:15px}}
:root{color-scheme:dark}
@media(max-width:700px){.hero{min-height:790px}.hero:before{background:linear-gradient(180deg,#111b2d 0%,#111b2d 27%,#111b2d00 64%),url('assets/hero.webp') 94% bottom/auto 450px no-repeat,var(--night)}.panda-note{flex-direction:column;align-items:center;text-align:center}.panda-note img{width:110px;max-width:none}.panda-note p{max-width:290px}}