:root{color-scheme:light;--navy:#101f50;--deep:#071b4b;--pink:#ff218a;--violet:#722ad8;--ink:#152150;--panel:#f7f8ff;--shell:#d7e5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#e7edff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1380px,calc(100% - 72px));margin-inline:auto}.site-header{position:relative;z-index:10;background:linear-gradient(100deg,#122e70,#082057 65%,#10275b);color:#fff;box-shadow:0 2px 8px #07164033}.nav-container{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-heart{width:72px;height:65px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:.83;transform:skew(-5deg);font-weight:900;letter-spacing:-1.3px}.brand-text>strong{font-size:38px}.brand-text>span{font-size:24px}.pink{color:var(--pink)}.navigation{display:flex;align-items:center;gap:22px}.nav-link{font-size:16px;font-weight:800;padding:11px 24px;border-radius:999px;transition:background .2s,transform .2s}.nav-link:hover,.nav-link:focus-visible{background:#ffffff24}.nav-link.active{background:linear-gradient(120deg,#f230aa,#713ac2);box-shadow:inset 0 1px 2px #fff5}.menu-toggle{display:none}.hero{background:#224eac url('assets/landscape.svg') center / cover no-repeat;color:#fff;overflow:hidden}.hero-layout{min-height:455px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:32px}.hero-copy{padding:30px 0 58px;position:relative;z-index:2}.hero h1{font-size:clamp(36px,4.4vw,65px);line-height:1.03;font-weight:900;letter-spacing:-1.9px;margin:0 0 20px;text-shadow:0 2px 8px #08225780}.hero h1 span{color:#ff65b9}.hero-copy p{font-size:clamp(16px,1.65vw,21px);line-height:1.33;max-width:730px;margin:0 0 28px;text-shadow:0 2px 5px #10265b66}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:13px;min-height:53px;padding:13px 23px;font-size:17px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(180deg,#ff67be,#eb0784);box-shadow:0 5px 16px #19113b6c,inset 0 2px #ffbadc}.button-outline{color:#fff;border:2px solid #fff;background:#0a2b7d66}.button-outline:hover{background:#ffffff20}.phone-stage{position:relative;height:455px;display:flex;align-items:flex-start;justify-content:center}.phone-shell{position:absolute;top:22px;width:246px;height:490px;background:linear-gradient(110deg,#f4deff,#7245b4 9%,#17264d 18%,#12152f 80%,#f8c8ff 94%);border-radius:39px;padding:9px;box-shadow:0 0 0 3px #e1c6f3,0 15px 38px #071038ba;transform:rotate(9deg);transform-origin:center}.phone-shell:after{content:"";position:absolute;right:-7px;top:110px;width:5px;height:69px;border-radius:3px;background:#d5a7ee}.phone-screen{height:100%;width:100%;overflow:hidden;border-radius:30px;background:#102967}.phone-screen img{height:100%;width:100%;object-fit:cover;object-position:center top}.phone-speaker{position:absolute;z-index:1;top:17px;left:50%;transform:translateX(-50%);width:42px;height:7px;background:#101629d0;border-radius:20px}.principles{background:linear-gradient(180deg,#bcd2fc,#e8efff);padding:23px 0 17px}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.value-card{min-height:125px;display:flex;align-items:center;gap:21px;padding:18px 22px;background:linear-gradient(150deg,#fff5ff,#f5f8ff 70%,#e8ecff);border:1px solid #ffffffed;border-radius:18px;box-shadow:0 7px 16px #3b60ac36}.value-icon{width:76px;min-width:76px;height:76px;display:grid;place-items:center;font-size:42px;font-weight:800;color:#a628c6;background:linear-gradient(145deg,#fff3fb,#eadcff);border-radius:17px;text-shadow:0 3px 1px #d89ae933}.value-card h2{font-size:clamp(17px,1.45vw,23px);letter-spacing:-.55px;line-height:1.07;margin:0 0 7px;color:#141849}.value-card p{font-size:clamp(14px,1.12vw,17px);line-height:1.3;margin:0}.game-section{background:linear-gradient(180deg,#e8efff,#dfe9ff);padding:10px 0 24px}.game-card{position:relative;overflow:hidden;min-height:153px;display:flex;align-items:center;gap:35px;padding:18px 42px;background:linear-gradient(105deg,#fff1fded 0%,#faf9ffed 53%,#a7bdffbd 100%),url('assets/landscape.svg') right center / auto 240px no-repeat;border-radius:20px;border:1px solid #fff;box-shadow:0 4px 14px #7385c238}.game-icon{flex:0 0 135px;height:135px;position:relative;border:3px solid #d3b2ff;border-radius:25px;overflow:hidden;box-shadow:0 4px 12px #1526504d}.game-icon img{width:100%;height:100%;object-fit:cover}.game-icon>span{position:absolute;top:31px;left:0;width:100%;font-weight:1000;color:white;text-align:center;font-style:italic;font-size:26px;letter-spacing:-1px;text-shadow:-2px -2px 2px #0d256d,2px 3px 3px #0d256d}.game-icon>span>span{color:#ff4fb3}.game-description{max-width:760px}.eyebrow{font-size:12px;letter-spacing:2px;color:#7540ad;font-weight:900;margin-bottom:7px}.game-description h2{font-size:clamp(21px,2.25vw,32px);letter-spacing:-.6px;line-height:1.13;margin:0 0 9px;color:#111a4c}.game-description h2 em{color:#ec1588}.game-description p{font-size:17px;line-height:1.4;margin:0}.status{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;color:#6c238f;border:1px solid #cda4ed;background:#fbf2ff;padding:5px 11px;border-radius:999px}.site-footer{background:linear-gradient(110deg,#173e84,#0c225c);color:#fff}.footer-inner{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-brand{display:flex;align-items:center;font-style:italic;font-weight:850;gap:5px}.footer-brand>span{color:var(--pink);margin-left:-5px}.footer-inner nav{display:flex;align-items:center;flex-wrap:wrap}.footer-inner nav a{font-size:14px;padding:1px 22px;border-right:1px solid #a5b9df}.footer-inner nav a:last-child{border:0;padding-right:0}.footer-inner nav a:hover{text-decoration:underline}.legal-main{min-height:calc(100vh - 150px);background:#eef3ff;padding:65px 0}.legal-article{max-width:840px;margin:auto;background:#fff;border-radius:18px;padding:40px;box-shadow:0 6px 25px #1834671a}.legal-article h1{font-size:36px}.legal-article p{line-height:1.7}.notice{border-left:4px solid #dd2388;background:#fff1f7;padding:14px 18px}.legal-article a{color:#623abd;text-decoration:underline}
@media(max-width:1050px){.container{width:min(100% - 48px,1380px)}.hero-layout{grid-template-columns:minmax(0,1fr) 260px}.hero h1{font-size:46px}.phone-shell{width:214px;height:442px}.principles-grid{gap:12px}.value-card{gap:12px;padding:15px}.value-icon{width:56px;min-width:56px;height:56px;font-size:30px}}
@media(max-width:750px){.nav-container{min-height:70px}.brand-heart{width:58px;height:54px}.brand-text>strong{font-size:31px}.brand-text>span{font-size:19px}.menu-toggle{display:grid;gap:5px;background:none;border:1px solid #ffffff66;border-radius:8px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:white;border-radius:2px}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#10295e;padding:14px 24px 19px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 14px 20px #00194465}.navigation.open{display:flex}.nav-link{text-align:center}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding:46px 0 15px}.hero h1{font-size:clamp(34px,8vw,52px)}.hero-copy p{margin-inline:auto;max-width:510px}.hero-actions{justify-content:center}.phone-stage{height:305px}.phone-shell{top:13px;width:185px;height:375px;transform:rotate(6deg)}.principles{padding:20px 0 12px}.principles-grid{grid-template-columns:1fr;gap:12px}.value-card{min-height:100px;gap:18px;padding:15px 20px}.value-icon{width:64px;min-width:64px;height:64px}.value-card h2{font-size:21px}.value-card p{font-size:16px}.game-card{padding:19px;gap:18px}.game-icon{flex-basis:100px;height:100px}.game-icon>span{font-size:19px;top:23px}.game-description p{font-size:15px}.footer-inner{padding:16px 0;flex-direction:column;gap:16px}.footer-inner nav a:first-child{padding-left:0}}
@media(max-width:460px){.container{width:calc(100% - 30px)}.hero h1{letter-spacing:-1.2px;font-size:clamp(32px,8.4vw,39px)}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{font-size:15px;width:100%}.phone-stage{height:260px}.phone-shell{height:345px;width:170px}.game-card{align-items:flex-start;gap:13px}.game-icon{flex-basis:78px;height:78px;border-radius:17px}.game-icon>span{top:18px;font-size:15px}.game-description h2{font-size:21px}.game-description p{font-size:14px}.eyebrow{font-size:10px}.legal-article{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
