@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{--navy:#17213b;--ink:#202840;--muted:#737b8e;--cream:#fbfaf7;--lav:#e9e5ff;--pink:#ffe4ec;--line:#e9e8e4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{height:76px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font:800 24px Manrope;color:var(--navy)}.brand span{color:#9b88e9}.top nav{display:flex;align-items:center;gap:26px;font-size:14px}.navbtn,.btn{background:var(--navy);color:white;padding:13px 20px;border:0;border-radius:12px;font-weight:700;display:inline-flex;justify-content:center;cursor:pointer}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:76px 0 90px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#8a79d3}.hero h1,h1,h2,h3{font-family:Manrope;letter-spacing:-1px}.hero h1{font-size:58px;line-height:1.08;margin:18px 0}.hero h1 em{color:#947fe0;font-style:normal}.hero p{font-size:17px;line-height:1.7;color:var(--muted);max-width:520px}.actions{display:flex;gap:12px;margin-top:28px}.secondary{background:#eeebff;color:#4d4383}.hero-card{background:linear-gradient(145deg,#e9e5ff,#ffeaf0);padding:42px;border-radius:28px;min-height:320px;position:relative}.hero-card .spark{font-size:48px;color:#8571d3}.hero-card h3{font-size:36px;margin:16px 0}.hero-card p{font-size:14px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills b,.tag{font-size:11px;background:#f0eef8;border-radius:20px;padding:7px 10px;color:#5f568e}.section{padding:42px 0 72px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section h2{font-size:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.thumb{height:150px;background:linear-gradient(135deg,#e9e5ff,#ffe9ef);display:flex;align-items:center;justify-content:center;font-size:42px;color:#8e7bd8;position:relative}.thumb small{position:absolute;bottom:14px;left:16px;font-size:11px;color:#6c628d;background:#fff;padding:6px 10px;border-radius:20px}.pad{padding:20px}.pad h3{font-size:19px;margin:12px 0 7px}.pad p{font-size:13px;color:var(--muted);line-height:1.6;min-height:42px}.price{display:flex;gap:12px;align-items:center;margin:16px 0}.price b{font-size:21px}.price del{color:#9da2ad;font-size:13px}.textlink{font-weight:700;color:#7464bc;font-size:13px}.buildband{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;background:#f0edff;border-radius:22px;margin-bottom:75px}.buildband h2{font-size:26px;margin:8px 0}.buildband p{color:var(--muted);max-width:650px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 0}.detailvisual{min-height:400px;border-radius:24px;background:linear-gradient(135deg,#e8e4ff,#ffe5ed);display:grid;place-items:center;font-size:100px;color:#907cdb;position:relative}.detailvisual span{position:absolute;bottom:25px;font-size:13px;background:white;padding:8px 14px;border-radius:20px}.detail h1{font-size:42px}.big b{font-size:32px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.clean{padding-left:20px;line-height:2.2}.auth{max-width:500px;margin:65px auto 90px;background:#fff;padding:34px;border:1px solid var(--line);border-radius:20px}.auth.wide{max-width:720px}.auth h1{font-size:34px}.form{display:grid;gap:17px;margin-top:24px}.form label{display:grid;gap:8px;font-size:13px;font-weight:700}.form input,.form select,.form textarea,.filters input,.filters select{width:100%;padding:13px 14px;border:1px solid #dedee5;border-radius:10px;background:#fff;font:14px inherit;color:var(--ink)}.form textarea{resize:vertical}.form button{width:max-content}.notice{padding:13px 16px;background:#f0edff;border-radius:10px;margin:18px 0;color:#51477e;font-size:13px}.notice.ok{background:#e8f6ed;color:#28623d}.notice.err,.errtxt{background:#fff0f0;color:#a23c3c}.filters{display:flex;gap:10px;max-width:700px;margin:25px 0}.filters button{white-space:nowrap}.empty{padding:40px;text-align:center;color:var(--muted);background:white;border-radius:16px}.dashgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashcard,.rowcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.dashcard{display:grid;gap:8px}.dashcard span,.rowcard small{color:var(--muted);font-size:12px}.mt{margin-top:40px}.rowcard{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:10px 0;flex-wrap:wrap}.rowcard p{width:100%;margin:0;color:var(--muted)}.tablewrap{overflow:auto;background:#fff;border-radius:14px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.mini{border:0;background:#eeeaff;padding:8px 11px;border-radius:8px;cursor:pointer}.mini.danger{background:#ffe8e8}.inline{display:flex;gap:6px}.bill{background:#faf9ff;padding:18px;border-radius:12px}.bill p{display:flex;justify-content:space-between}.total{font-size:18px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{background:#17213b;color:white;padding:34px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px}.foot span,.foot small{color:#c2c7d4;font-size:12px}.prose{line-height:1.8;max-width:800px}@media(max-width:760px){.top{padding:0 16px}.top nav{gap:10px;font-size:12px}.top nav a:nth-child(1){display:none}.wrap{padding:0 17px}.hero{grid-template-columns:1fr;padding:45px 0;gap:25px}.hero h1{font-size:43px}.grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr;gap:24px;padding:35px 0}.detailvisual{min-height:250px}.buildband{display:block}.buildband .btn{margin-top:12px}.dashgrid{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.filters{flex-direction:column}.section{padding:30px 0 50px}.twocol{grid-template-columns:1fr}}/* V3 polish: soft, premium, playful details without sacrificing readability */
:root{--navy:#17213b;--ink:#202840;--muted:#727b90;--cream:#fbfaf7;--lav:#eeeaff;--pink:#fff0f4;--mint:#e9f6f0;--line:#e9e8ef;--white:#fff;--shadow:0 14px 40px rgba(33,39,70,.07)}
body{background:radial-gradient(ellipse at 8% 0%,rgba(235,230,255,.46),transparent 34%),radial-gradient(ellipse at 92% 8%,rgba(255,230,238,.34),transparent 30%),var(--cream)}
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 2px 18px rgba(24,32,60,.035)}
.brand{letter-spacing:-1.1px}.brand:after{content:' ♡';font-size:12px;color:#d78eaa;vertical-align:top}
.top nav a{transition:color .18s ease}.top nav a:hover,.textlink:hover{color:#a078c9}
.navbtn,.btn{box-shadow:0 7px 18px rgba(23,33,59,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.navbtn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(23,33,59,.16)}
.hero{padding-top:84px}.hero h1{letter-spacing:-2.7px}.hero-card{box-shadow:var(--shadow);overflow:hidden}.hero-card:after{content:'♡';position:absolute;right:28px;bottom:8px;font-size:116px;color:rgba(255,255,255,.48);transform:rotate(-14deg)}
.product,.dashcard,.rowcard,.auth,.tablewrap{box-shadow:0 6px 22px rgba(28,35,64,.035);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#ded7fa}.thumb{background:radial-gradient(circle at 75% 25%,#fff9,transparent 25%),linear-gradient(135deg,#e9e5ff,#ffe9ef 72%,#e9f6f0)}
.dashcard:hover,.rowcard:hover{border-color:#dcd5f5}.dashcard{border-radius:18px}.rowcard{border-radius:16px}.auth{box-shadow:var(--shadow)}
.form input:focus,.form select:focus,.form textarea:focus,.filters input:focus,.filters select:focus{outline:3px solid rgba(157,135,224,.18);border-color:#9b88e9}
.tag{background:#f1effa}.notice{border:1px solid #e7e2fb}.notice.ok{background:var(--mint);border-color:#d7eee1}.notice.err{background:#fff1f2;border-color:#f5dadd}
.buildband{background:linear-gradient(115deg,#eeeaff,#fff0f4 70%,#eef8f3);border:1px solid #eee8fb;box-shadow:var(--shadow)}
.tablewrap{border:1px solid var(--line)}th{color:#68718a;font-size:11px;text-transform:uppercase;letter-spacing:.7px;background:#faf9fd}td{vertical-align:middle}
footer{background:linear-gradient(110deg,#17213b,#262a4b);margin-top:30px}footer .brand{color:white}
.eyebrow{letter-spacing:1.8px}.section h1{font-size:clamp(30px,4vw,44px)}
@media(max-width:760px){.top{height:auto;min-height:68px;align-items:flex-start;padding-top:14px;padding-bottom:12px;gap:10px}.top nav{justify-content:flex-end;flex-wrap:wrap;gap:8px 13px}.top nav a:nth-child(1){display:inline}.hero{padding-top:48px}.hero h1{letter-spacing:-1.8px}.hero-card{min-height:260px;padding:28px}.rowcard{align-items:flex-start}.inline{flex-wrap:wrap}}

/* Ousgo V4 identity: friendly details, accessible focus and responsive navigation */
.navlogout{display:inline-flex;margin:0}.navlogout button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.navlogout button:hover{color:#a078c9}
:focus-visible{outline:3px solid rgba(157,135,224,.65);outline-offset:3px}
.btn.secondary{background:linear-gradient(120deg,#eeeaff,#fff0f4);color:#4d4383;border:1px solid #e5defa}
.brand{font-weight:800}.brand span{color:#9b88e9}
.hero-card{background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.8),transparent 30%),linear-gradient(145deg,#e9e5ff 0%,#ffeaf0 70%,#e9f6f0 100%)}
.product .pad{padding:22px}.product .thumb{font-size:48px}
.sectionhead h2{letter-spacing:-1.2px}
.notice{line-height:1.6}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}