*{box-sizing:border-box}body{margin:0;background:#f7f4ee;color:#22203b;font-family:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}header,footer{max-width:1280px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.5px}header{border-bottom:1px solid #22203b20}main{max-width:1280px;margin:auto;padding:0 5%}.intro{padding:60px 0 35px}.kicker{font:700 11px Arial;letter-spacing:2px;color:#6042c5}h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2px;margin:18px 0}h1 span,h3 span{color:#7152e8}p{font-size:14px;line-height:1.9;color:#625c73}h2{font-size:27px;line-height:1.6;letter-spacing:-.6px}h3{letter-spacing:-1px}.signature{border:1px solid #d8d0c7;border-radius:24px;padding:65px 55px 28px;text-align:center}.signature>img{width:65%;max-width:650px;height:auto}.signature-note{display:flex;justify-content:space-between;margin-top:45px;font:10px Arial;letter-spacing:2px;color:#625c73}.explain{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;padding:35px 0}.variants{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:18px}.variants>div{border-radius:18px;padding:40px 25px 23px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;min-height:190px}.variants img{width:95%;max-width:240px}.variants .app-icon{width:95px;height:95px}.variants small{font:9px Arial;letter-spacing:1.7px;margin-top:25px}.violet{background:#7152e8;color:white}.white{background:white;color:#22203b}.lavender{background:#e5def7;color:#22203b}.cream{background:#f7f4ee;color:#22203b;border:1px solid #d8d0c7}.ink{background:#22203b;color:white}.palette{padding:45px 0}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.swatches article{min-height:140px;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:end;gap:8px;font:12px Arial}.swatches span{font-size:11px;letter-spacing:1px}.type{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;border-top:1px solid #22203b20;border-bottom:1px solid #22203b20;padding:40px 0;margin-bottom:55px}.type-sample{background:white;border-radius:18px;padding:35px}.type-sample h3{font-size:38px;line-height:1.4;margin:0 0 15px}.sample-button{display:inline-block;background:#7152e8;color:white;padding:13px 22px;border-radius:10px;font-size:13px}.type-sample small,.mail small{display:block;margin-top:20px;font-size:11px;color:#625c73;line-height:1.8}.applications{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:25px 0 55px}.applications article{padding:28px;border-radius:18px;overflow:hidden}.ticket{background:#7152e8;color:white}.ticket-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-head img{width:90px}.ticket-head span{font:9px Arial;letter-spacing:1px}.ticket h3{font:900 50px/.98 Arial;letter-spacing:-2px;margin:45px 0}.perforation{border-top:2px dashed #ffffff60;padding-top:20px;font:11px/2 Arial}.perforation small{font:9px Tahoma}.mail{background:white}.mail-top{border-bottom:1px solid #22203b20;padding-bottom:20px;margin-bottom:25px}.mail-top img{width:95px}.mail h3{font-size:29px;line-height:1.5}.social{background:#e5def7}.social img{width:100px}.social h3{font:900 49px/.98 Arial;letter-spacing:-2px;margin:38px 0}.social small{font:10px Arial;letter-spacing:2px}.rules{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;border-top:1px solid #22203b20;padding:20px 0 45px}.rules ul{padding-left:18px;font-size:13px;line-height:2.3;color:#625c73}.rules a{display:block;padding:13px 0;border-bottom:1px solid #22203b20;font-size:13px}footer{border-top:1px solid #22203b20;color:#625c73}a:focus-visible{outline:3px solid #6042c5;outline-offset:5px}@media(max-width:650px){header{flex-wrap:wrap}.intro{padding-top:35px}.signature{padding:40px 20px 20px}.signature>img{width:95%}.signature-note{font-size:8px;letter-spacing:1px;gap:10px}.explain,.type,.rules{grid-template-columns:1fr;gap:15px}.explain{padding:20px 0}.variants{grid-template-columns:1fr 1fr;gap:10px}.variants>div{min-height:140px;padding:20px 15px}.variants>div:last-child{grid-column:1/-1;flex-direction:row;padding:25px}.swatches{grid-template-columns:1fr 1fr}.swatches article{min-height:120px}.applications{grid-template-columns:1fr}.applications article{min-height:330px}.ticket h3{font-size:60px}.social h3{font-size:60px}.type-sample{padding:25px}footer{flex-direction:column;font-size:10px}.rules h2{font-size:24px}}
