:root{--ink:#171733;--green:#1d1e5d;--muted:#66678d;--line:#dcdce5}*{box-sizing:border-box}body{margin:0;background:#f2f2f7;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--green);text-decoration:none}header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}nav{display:flex;gap:25px;font-size:13px}main{max-width:1100px;margin:65px auto 85px;display:grid;grid-template-columns:1fr 440px;gap:90px;padding:0 30px;align-items:start}.hero{padding-top:22px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:#707198}h1{font-size:54px;line-height:1.3;letter-spacing:-2px;margin:22px 0}h1 span{color:#282979}.hero p{color:#606084;font-size:16px;line-height:1.9}.features{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin:24px 0 40px;color:#565777}.features span:before{content:'✓ ';color:#2c2e90}.preview{background:#e4e4ee;border:1px solid #d0d0e0;border-radius:15px;padding:20px;display:flex;gap:16px;align-items:center;max-width:390px}.dot{background:#bcbcd3;border-radius:12px;width:45px;height:45px;display:grid;place-items:center;font-size:20px}.preview small{display:block;color:var(--muted);font-size:11px}.check{margin-left:auto;color:#4a4b8c}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 45px #24254c10;padding:28px 30px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:25px;gap:18px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 0 13px;color:#77779c;font-size:13px}.tabs button.selected{color:var(--green);border-color:var(--green);font-weight:700}h2{font-size:25px;margin:0 0 5px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:12px;margin:5px 0 22px}label{display:block;font-size:12px;font-weight:600;margin:15px 0}input{display:block;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;margin-top:7px;font:14px inherit;background:#fbfbfd;outline:none}input:focus{border-color:#373884;box-shadow:0 0 0 3px #37388414}.inputgroup{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;margin-top:7px;overflow:hidden;background:#f2f2f7}.inputgroup input{border:0;margin:0;border-radius:0;min-width:0}.inputgroup span{padding:0 13px;color:#717298;font-size:12px}.captcha{display:flex;gap:10px;align-items:center}.captcha input{flex:1;min-width:0}.minor{background:#ededf3;border:1px solid var(--line);color:var(--green);border-radius:8px;padding:9px 12px;white-space:nowrap;font-size:12px}.agree{display:flex;gap:6px;align-items:center;font-weight:400;font-size:11px}.agree input{width:auto;margin:0}.primary{background:var(--green);border:0;border-radius:9px;color:white;width:100%;padding:14px;font-size:14px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.5}.linkbutton{display:block;text-align:center;margin:18px 0}.fine{font-size:10px;color:#8181a3;text-align:center;line-height:1.8}.notice{background:#fff5dc;color:#775b24;border-radius:9px;padding:10px 12px;font-size:11px;margin-bottom:18px}.help{max-width:1040px;margin:0 auto 60px;padding:35px 0;border-top:1px solid var(--line)}.help h2{font-size:22px;margin-bottom:25px}.help>div{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.help b{font-size:13px}.help p{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 32px;max-width:1160px;margin:auto;color:#8181a3;font-size:11px}footer span{float:right}.recovery{padding:17px;background:#eeeef5;border-radius:10px;margin:20px 0}.recovery code{display:block;overflow-wrap:anywhere;margin:12px 0;font-size:14px}.recovery small{display:block;color:var(--muted);margin-bottom:12px}.successmark{background:#dcdcec;color:var(--green);font-size:30px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}#message{font-size:12px;color:#aa4d36;margin-top:14px;overflow-wrap:anywhere}.account{max-width:900px;margin:50px auto;padding:30px}.account .card{margin-bottom:25px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}.rules{max-width:760px;margin:50px auto;padding:30px;background:white;border-radius:16px}.rules p{color:#5c5d7f}@media(max-width:800px){header{padding:20px}nav{gap:12px;font-size:11px}.brand{font-size:20px}main{grid-template-columns:1fr;gap:32px;margin:25px auto 45px;padding:0 20px}.hero{padding:0}h1{font-size:40px;margin:15px 0}.hero p{font-size:14px}.features{margin:15px 0}.preview{display:none}.card{padding:23px}.help{margin:0 20px 35px;padding-top:25px}.help>div{grid-template-columns:1fr;gap:10px}footer{padding:20px}footer span{display:block;float:none}.account{margin:20px 0;padding:15px}}

@media(max-width:640px){header{position:sticky;top:0;background:#f2f2f7f5;backdrop-filter:blur(12px);z-index:20;padding:15px 18px;gap:10px}.brand{font-size:21px}nav{gap:14px;font-size:12px}nav a[href="#help"]{display:none}main{margin:18px auto 35px;padding:0 14px;gap:18px}.hero{display:none}.card{padding:22px 20px;border-radius:18px}.tabs{gap:20px;margin-bottom:22px}.tabs button{min-height:44px;font-size:14px;padding-bottom:12px}.card h2{font-size:24px}label{font-size:13px;margin:17px 0}input{font-size:16px;min-height:46px;padding:12px}.inputgroup span{font-size:13px;white-space:nowrap}.agree{font-size:12px;line-height:1.6;flex-wrap:wrap}.agree input{min-height:0;width:19px;height:19px}.primary{min-height:49px;font-size:15px}.minor{min-height:43px;font-size:12px}.fine{font-size:11px;line-height:1.9}.help{padding-top:24px}.help h2{font-size:20px}.account .card{padding:22px 17px}.account td,.account th{padding:12px 6px}.rules{margin:20px 12px;padding:23px}.recovery code{font-size:15px}}

.tabs button{color:#5c5d80}.tabs button.selected{color:#1d1e5d}

.brand{display:inline-flex;align-items:center;gap:9px}.brand img{display:block;flex:0 0 auto;border-radius:9px}

/* YOONACO independent identity, presentation only. */
:root{--ink:#252642;--green:#5557b9;--muted:#71738b;--line:#e3e4ef}
body{background:#f7f7fc}header{border-bottom:0}.brand{letter-spacing:-.5px}.brand img{border-radius:10px}nav a{color:#62647f}nav a:first-child{color:#494ba7;font-weight:700}
main{gap:72px}.eyebrow{color:#6264ad;letter-spacing:2.6px}h1{font-size:52px;line-height:1.35}h1 span{color:#5557b9}.hero p{color:#73758e}.features{gap:18px}.features span{color:#626480}.features span:before{color:#6567bd}.preview{background:#eeeef9;border-color:#e1e1f2;border-radius:18px}.dot{background:#5557b9;color:white;font-weight:750}.check{color:#5557b9}.card{border-radius:16px;box-shadow:0 14px 45px #33356b08}.tabs button.selected{color:#4f51ad;border-color:#5557b9}input{background:#fff}.inputgroup{background:#f2f2fa}.primary{background:#5557b9;border-radius:10px}.primary:hover{background:#45479f}.minor{background:#f0f0fa}.help{border-top-color:#e3e4ef}.help article{padding-right:12px}.help h2{color:#333552}a:focus-visible,button:focus-visible{outline:3px solid #abaded;outline-offset:3px}
@media(max-width:800px){main{gap:30px}h1{font-size:40px}}@media(max-width:640px){header{background:#f7f7fcf5}.brand{font-size:20px}main{gap:18px}.card{border-radius:16px}.card h2{font-size:22px}}

/* YOONACO v3: editorial split landing page and simpler squared controls. */
body{background:#f5f6fb}header{max-width:1200px;padding:26px 40px}.brand{font-size:21px;font-weight:750;letter-spacing:0}.brand img{width:34px;height:34px}nav{gap:28px}nav a:first-child{background:#fff;border:1px solid #dddfea;border-radius:7px;padding:7px 16px}nav{align-items:center}main{max-width:1120px;margin:28px auto 64px;padding:0;grid-template-columns:1fr 1fr;gap:0;background:white;border:1px solid #e2e4ee;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #33365f08;align-items:stretch}.hero{padding:54px 44px;background:#30325f;color:#fff;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#b8bce9;font-size:10px;letter-spacing:2.2px}.hero h1{font-size:45px;font-weight:650;letter-spacing:-1px;margin:25px 0}.hero h1 span{color:#d2d4ff}.hero p{color:#c4c8e0;font-size:15px}.hero strong{color:#fff;font-weight:600}.features{gap:8px 16px;margin:24px 0 36px}.features span{color:#c4c8e0;font-size:11px}.features span:before{color:#b5b9ff}.preview{background:#ffffff09;border:1px solid #ffffff25;padding:17px;border-radius:10px;gap:12px}.preview .dot{background:#d2d4ff;color:#30325f;width:38px;height:38px;border-radius:7px;font-size:17px}.preview b{font-size:14px;font-weight:550}.preview small{color:#c4c8e0}.preview .check{color:#d2d4ff}.card{border:0;border-radius:0;box-shadow:none;padding:38px 40px}.tabs{background:#f2f3f8;border:0;border-radius:8px;padding:4px;gap:3px;margin-bottom:28px}.tabs button{flex:1;padding:10px 5px;border:0;border-radius:5px;font-size:12px;color:#818397;min-height:39px;cursor:pointer}.tabs button.selected{background:#fff;color:#40439d;box-shadow:0 2px 5px #30325f0b}.card h2{font-size:25px;line-height:1.4}.muted{margin-top:9px;font-size:12px}input,.inputgroup{border-radius:7px;background:#f8f9fc;border-color:#dfe1ec}.inputgroup input{background:#f8f9fc}.inputgroup span{background:#eef0f7;align-self:stretch;display:flex;align-items:center;color:#73768d}.primary{border-radius:7px}.minor{border-radius:7px;background:#f2f3f8}.fine{color:#8a8da2}.help{max-width:1040px;padding-top:28px}.help h2{font-size:23px}.help>div{gap:40px}.help article b{font-size:13px}.account{display:block;background:transparent;border:0;box-shadow:none;overflow:visible;max-width:900px;padding:0 24px}.account .card{border:1px solid #e2e4ee;border-radius:12px;padding:30px}.rules{border:1px solid #e2e4ee;border-radius:12px}footer{max-width:1120px}
@media(max-width:1150px) and (min-width:801px){main{margin-left:28px;margin-right:28px}.hero{padding:44px 30px}.hero h1{font-size:38px}.card{padding:34px 30px}.help{margin-left:40px;margin-right:40px}}
@media(max-width:800px){header{padding:20px 24px}main{display:grid;grid-template-columns:1fr;margin:15px 20px 36px;padding:0;gap:0;border-radius:16px;max-width:560px}.hero{padding:28px 30px}.hero h1{font-size:32px;margin:12px 0}.hero h1 br{display:none}.hero p{font-size:13px}.features{margin:12px 0 0}.preview{display:none}.card{padding:28px 30px}.help{margin:0 24px 30px}.account{display:block;margin:20px auto;padding:0 20px}.account .card{padding:25px}}
@media(max-width:640px){header{background:#f5f6fbf5;padding:16px 20px}.brand{font-size:19px;gap:8px}.brand img{width:31px;height:31px}nav{gap:12px;font-size:11px}nav a:first-child{padding:6px 10px}main{margin:12px 14px 30px;max-width:none}.hero{display:block;padding:23px 25px}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:25px;margin:10px 0 0;line-height:1.45}.hero h1 br{display:none}.hero p,.hero .features{display:none}.card{padding:25px 24px 28px}.card h2{font-size:22px}.tabs{margin-bottom:25px;gap:2px}.tabs button{font-size:12px;min-height:40px;padding:9px 3px}label{font-size:12px;margin:16px 0}input{min-height:47px}.agree{font-size:11px}.fine{font-size:10px}.primary{min-height:48px}.account{display:block;background:none;border:0;box-shadow:none;margin:20px auto;padding:0 14px}.account .card{padding:24px 20px}.help h2{font-size:21px}}