.contract-page{padding-bottom:75px;background:#f7f9fc}.contract-hero{overflow:hidden;background:linear-gradient(130deg,#101d31,#203858 67%,#9e1e2a 150%);color:#fff}.contract-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;min-height:440px;padding-top:65px;padding-bottom:65px}.contract-hero-inner>div:first-child>span{color:#ff747d;font-size:13px;font-weight:900;letter-spacing:2px}.contract-hero h1{margin:12px 0 18px;font-size:50px;line-height:1.05;letter-spacing:-1.8px}.contract-hero h1 em{color:#ffcf4c;font-style:normal}.contract-hero p{max-width:720px;margin:0;color:#c6d1df;font-size:17px;line-height:1.8}.contract-updated{margin-top:24px;color:#9ba9bb;font-size:13px}.contract-visual{display:grid;place-items:center}.contract-paper{position:relative;width:230px;height:285px;padding:47px 30px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.11);box-shadow:0 25px 60px rgba(0,0,0,.25);backdrop-filter:blur(10px);transform:rotate(3deg);animation:contract-float 4s ease-in-out infinite}.contract-paper>b{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 30px;border-radius:50%;background:#e3262e;color:#fff;font-size:31px}.contract-paper>i{display:block;height:5px;margin:12px 0;border-radius:5px;background:rgba(255,255,255,.22)}.contract-paper>i:nth-of-type(2){width:77%}.contract-paper>i:nth-of-type(3){width:55%}.contract-paper>span{position:absolute;right:-23px;bottom:35px;padding:9px 15px;border:2px solid #ffcf4c;border-radius:5px;color:#ffcf4c;font-size:11px;font-weight:900;transform:rotate(-8deg)}
.contract-highlights{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-28px;overflow:hidden;border:1px solid #e0e5eb;border-radius:15px;background:#fff;box-shadow:0 15px 40px rgba(20,33,52,.1)}.contract-highlights article{display:flex;align-items:center;gap:12px;padding:22px;border-right:1px solid #e6eaf0}.contract-highlights article:last-child{border:0}.contract-highlights b{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:#fff0f1;color:#e3262e;font-size:16px}.contract-highlights strong,.contract-highlights span{display:block}.contract-highlights strong{font-size:15px}.contract-highlights span{margin-top:4px;color:#8792a1;font-size:12px;line-height:1.5}
.contract-layout{display:grid;grid-template-columns:255px minmax(0,1fr);align-items:start;gap:25px;padding-top:50px}.contract-nav{position:sticky;top:18px;display:flex;flex-direction:column;padding:23px;border:1px solid #e0e5eb;border-radius:14px;background:#fff}.contract-nav>strong{margin-bottom:14px;font-size:16px}.contract-nav>a{padding:9px 0;border-bottom:1px solid #edf0f3;color:#687589;font-size:14px;line-height:1.4}.contract-nav>a:hover{color:#e3262e}.contract-nav>div{margin-top:19px;padding:16px;border-radius:10px;background:#17243a;color:#fff}.contract-nav>div span,.contract-nav>div a{display:block}.contract-nav>div span{font-size:12px}.contract-nav>div a{margin-top:8px;color:#ffcf4c;font-size:13px;font-weight:850}.contract-content{padding:38px 43px;border:1px solid #e0e5eb;border-radius:17px;background:#fff;box-shadow:0 12px 35px rgba(20,34,53,.05)}.contract-notice{display:flex;gap:13px;padding:18px;border:1px solid #cfe5ff;border-radius:11px;background:#f0f7ff}.contract-notice>b{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:#2276c4;color:#fff}.contract-notice strong,.contract-notice span{display:block}.contract-notice strong{font-size:15px}.contract-notice span{margin-top:5px;color:#55728e;font-size:14px;line-height:1.7}.contract-content>section{display:grid;grid-template-columns:45px 1fr;gap:14px;padding:33px 0;border-bottom:1px solid #e8ebef;scroll-margin-top:20px}.contract-number{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#fff0f1;color:#e3262e;font-size:11px;font-weight:900}.contract-content h2{margin:4px 0 13px;color:#17243a;font-size:25px}.contract-content h3{margin:20px 0 9px;color:#34435a;font-size:17px}.contract-content section p{margin:0 0 13px;color:#667386;font-size:15px;line-height:1.85}.contract-content section p:last-child{margin-bottom:0}.contract-content section p a{color:#e3262e;font-weight:850}.contract-content ul{display:grid;gap:9px;margin:16px 0;padding:0;list-style:none}.contract-content li{position:relative;padding-left:21px;color:#5f6d80;font-size:14px;line-height:1.75}.contract-content li:before{content:"✓";position:absolute;left:0;color:#1fab60;font-weight:900}.contract-party{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden;margin:12px 0 20px;border:1px solid #e2e6eb;border-radius:11px;background:#fafbfd}.contract-party>div{padding:16px;border-right:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb}.contract-party>div:nth-child(2n){border-right:0}.contract-party>div:nth-last-child(-n+2){border-bottom:0}.contract-party small,.contract-party strong{display:block}.contract-party small{color:#8c97a5;font-size:10px;font-weight:850;letter-spacing:.7px}.contract-party strong{margin-top:6px;font-size:13px;line-height:1.5}.contract-callout{margin-top:17px;padding:15px;border-left:3px solid #ffbd2e;background:#fff9e8;color:#6f6034;font-size:13px;line-height:1.7}.contract-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.contract-contact a{padding:17px;border:1px solid #e0e5eb;border-radius:11px;color:#17243a}.contract-contact small,.contract-contact strong,.contract-contact span{display:block}.contract-contact small{color:#e3262e;font-size:11px;font-weight:900;letter-spacing:1px}.contract-contact strong{margin-top:6px;font-size:17px}.contract-contact span{margin-top:8px;color:#7e8998;font-size:12px}.contract-legal{margin-top:28px;padding:22px;border-radius:12px;background:#17243a;color:#fff}.contract-legal>strong{font-size:15px}.contract-legal p{margin:8px 0 13px;color:#aeb9c8;font-size:13px;line-height:1.7}.contract-legal a{color:#ffcf4c;font-size:13px;font-weight:800}
@keyframes contract-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-11px) rotate(1deg)}}
@media(max-width:1000px){.contract-hero-inner{grid-template-columns:1fr}.contract-visual{display:none}.contract-highlights{grid-template-columns:repeat(2,1fr)}.contract-highlights article:nth-child(2){border-right:0}.contract-highlights article:nth-child(-n+2){border-bottom:1px solid #e6eaf0}.contract-layout{grid-template-columns:1fr}.contract-nav{display:none}}
@media(max-width:620px){.contract-hero-inner{min-height:0;padding-top:48px;padding-bottom:62px}.contract-hero h1{font-size:36px}.contract-hero p{font-size:15px}.contract-highlights{grid-template-columns:1fr}.contract-highlights article{border-right:0;border-bottom:1px solid #e6eaf0!important}.contract-highlights article:last-child{border-bottom:0!important}.contract-layout{padding-top:25px}.contract-content{padding:25px 20px}.contract-content>section{grid-template-columns:1fr}.contract-number{width:34px;height:34px}.contract-content h2{font-size:23px}.contract-content section p{font-size:14px}.contract-content li{font-size:13px}.contract-party,.contract-contact{grid-template-columns:1fr}.contract-party>div{border-right:0;border-bottom:1px solid #e2e6eb!important}.contract-party>div:last-child{border-bottom:0!important}.contract-notice span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.contract-paper{animation:none}}
