:root{--bg:#090d14;--panel:#111720;--panel2:#171e28;--text:#f6f3f5;--muted:#aeb5bf;--pink:#e27ab2;--pink2:#bb4e89;--sky:#78cbe5;--gold:#efc86d;--green:#74d99f;--line:#2d3642;--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0%,rgba(226,122,178,.12),transparent 24%),radial-gradient(circle at 92% 5%,rgba(120,203,229,.08),transparent 23%),linear-gradient(180deg,#0b1018,#080b10 70%);color:var(--text);font-family:"Yu Gothic UI","Noto Sans JP","Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(8,12,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:1000}.brand img{width:52px;height:52px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.brand small{display:block;font-size:.66rem;color:var(--muted);letter-spacing:.12em}.navlinks{display:flex;align-items:center;gap:20px;color:#d7dbe0}.navlinks a{padding:26px 0;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--pink),var(--sky));transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{right:0}.hero{min-height:610px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(5,8,13,.18)),linear-gradient(180deg,#78c9e4 0%,#b3e1ec 46%,#dde9e3 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.52) 0 2%,transparent 2.1%),radial-gradient(circle at 78% 24%,rgba(255,255,255,.44) 0 1.8%,transparent 2%),linear-gradient(32deg,transparent 0 45%,rgba(237,157,201,.32) 46% 49%,transparent 50%);background-size:180px 180px,230px 230px,280px 280px;animation:drift 24s linear infinite}@keyframes drift{to{transform:translate3d(90px,45px,0)}}.hero-inner{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(12,17,24,.79);border:1px solid rgba(255,255,255,.15);font-size:.82rem;font-weight:900}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero h1,.page-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 12px}.hero h1{color:#18171b;text-shadow:0 2px rgba(255,255,255,.28)}.hero h1 span{color:#56352f}.hero p{color:#31353b;font-weight:750;line-height:1.85;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 19px;border-radius:9px;font-weight:1000;transition:.18s transform}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(180deg,var(--pink),var(--pink2));color:white}.secondary{background:#151a22;color:white;border:1px solid rgba(255,255,255,.14)}.logo-showcase{display:flex;justify-content:center}.logo-showcase img{width:min(430px,84%);aspect-ratio:16/9;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.3);box-shadow:0 32px 80px rgba(0,0,0,.25);animation:float 4.5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}.page-hero{padding:88px 0 68px;background:linear-gradient(135deg,rgba(226,122,178,.08),rgba(120,203,229,.04));border-bottom:1px solid rgba(255,255,255,.05)}.page-hero small,.section-head small{color:var(--pink);font-weight:950;letter-spacing:.13em}.page-hero p,.section-head p{color:var(--muted);line-height:1.75;max-width:760px}.section{padding:68px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:7px 0 8px;letter-spacing:-.04em}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.rank-card,.news-item,.rule{background:linear-gradient(180deg,#151b24,#10151d);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.17)}.card{padding:22px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-5px);border-color:#744760}.card h3,.rule h3,.news-item h3{margin:0 0 8px}.card p,.rule p,.news-item p{margin:0;color:var(--muted);line-height:1.7}.news-list,.rules{display:grid;gap:14px}.news-item{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:20px}.news-item time{color:var(--gold);font-weight:950}.rule{display:flex;gap:16px;padding:20px}.rule-no{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--pink),var(--pink2));font-weight:1000}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:12px}.photo-slot{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#10151b}.photo-slot.large{grid-row:1/3}.photo-slot img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s transform}.photo-slot:hover img{transform:scale(1.04)}.photo-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8e969f;background:linear-gradient(135deg,rgba(226,122,178,.06),transparent),#10151b}.photo-fallback b{color:#d9dde2}.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rank-card{padding:22px;transition:.2s transform,.2s border-color}.rank-card:hover{transform:translateY(-5px);border-color:#744760}.rank-card.recommended{border-color:#a95782}.tag{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.73rem;font-weight:950;color:#efbfd8;border:1px solid rgba(226,122,178,.28);background:rgba(226,122,178,.07)}.tag.best{background:#f0afd2;color:#25141e;border-color:#f0afd2}.rank-card h3{font-size:1.75rem;margin:12px 0 4px;color:var(--pink)}.rank-price{font-size:1.85rem;font-weight:1000;margin:12px 0}.rank-price small{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.rank-card ul{padding-left:18px;color:var(--muted);line-height:1.8}.saving{display:inline-block;margin:-3px 0 10px;padding:6px 10px;border-radius:999px;background:rgba(116,217,159,.1);border:1px solid rgba(116,217,159,.32);color:#8cebb2;font-size:.82rem;font-weight:950}.select-rank,.buy{width:100%;padding:14px;border:0;border-radius:9px;background:linear-gradient(180deg,var(--pink),var(--pink2));color:white;font-weight:1000;cursor:pointer}.purchase{display:none;grid-template-columns:1fr .9fr;gap:20px;margin-top:24px}.purchase.active{display:grid}.selected{font-size:2rem;font-weight:1000;color:var(--pink)}.price-big{font-size:2.4rem;font-weight:1000;margin:9px 0 18px}label{display:block;font-weight:900;margin-bottom:8px}input{width:100%;padding:15px 14px;border-radius:9px;border:1px solid #3a4450;background:#090d12;color:white;outline:none}input:focus{border-color:var(--pink)}.hint{color:var(--muted);font-size:.84rem;line-height:1.55}.error{display:none;margin-top:10px;padding:10px 12px;border-radius:9px;color:#ffd8df;background:rgba(255,110,130,.08);border:1px solid rgba(255,110,130,.3)}.reveal{opacity:0;transform:translateY(24px);transition:.65s opacity,.65s transform}.reveal.visible{opacity:1;transform:none}footer{border-top:1px solid rgba(226,122,178,.12);padding:32px 0 42px;color:var(--muted);margin-top:46px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.legal-card h3{margin-top:24px}.legal-card h3:first-child{margin-top:0}
@media(max-width:1050px){.rank-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-inner,.purchase{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}.photo-slot,.photo-slot.large{grid-row:auto;min-height:250px}.navlinks{display:none}.hero,.hero-inner{min-height:auto}.hero-inner{padding:54px 0}.news-item{grid-template-columns:1fr}}@media(max-width:650px){.rank-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}}