/* Contact page — independent styles, does not modify style.css */
.contact-page{background:#f8f7fc;color:#171c3b;overflow:hidden}.contact-hero{position:relative;background:linear-gradient(125deg,#10162f 0%,#241653 58%,#4b20b5 100%);color:#fff;overflow:hidden}.contact-hero:after{content:"";position:absolute;inset:auto -10% -55%;height:90%;background:radial-gradient(circle,rgba(255,157,0,.15),transparent 60%);pointer-events:none}.contact-hero-inner{position:relative;z-index:2;min-height:430px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding-top:58px;padding-bottom:58px}.contact-hero-copy{max-width:680px}.contact-kicker{display:inline-flex;color:#ffb52e;font-weight:700;font-size:14px;margin-bottom:14px}.contact-hero h1{margin:0 0 16px;font-size:clamp(36px,5vw,62px);line-height:1.08;color:#fff}.contact-hero p{margin:0;max-width:650px;color:#d9d9e7;font-size:17px;line-height:2}.contact-hero-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.contact-hero-points span{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:14px;padding:9px 12px;color:#e7e7f2;font-size:13px}.contact-hero-points b{color:#ffb52e;font-size:12px}.contact-hero-art{min-height:280px;display:grid;place-items:center;position:relative}.contact-art-ring{width:280px;height:280px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)}.contact-art-ring:before,.contact-art-ring:after{content:"";position:absolute;width:330px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(28deg)}.contact-art-ring:after{transform:rotate(-28deg)}.contact-art-core{position:absolute;width:126px;height:126px;border-radius:50%;border:2px solid #ff9d00;background:#11162f;display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}.contact-art-core span{font-size:25px;font-weight:700}.contact-art-core b{position:absolute;bottom:20px;color:#ffb52e;font-size:18px}.contact-content{padding:70px 0 90px}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}.contact-info,.contact-form-card{background:#fff;border:1px solid #e2e1ec;border-radius:24px;box-shadow:0 18px 50px rgba(17,22,47,.07)}.contact-info{padding:28px}.contact-info-head span,.contact-form-head span{display:block;color:#5d2bd0;font-weight:700;font-size:13px;margin-bottom:7px}.contact-info h2,.contact-form-head h2{margin:0;color:#11162f;font-size:25px;line-height:1.4}.contact-info-head{margin-bottom:22px}.contact-info-card{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #ecebf2;text-decoration:none;color:#171c3b}.contact-info-card:first-of-type{border-top:0}.contact-info-card>span:nth-child(2){min-width:0;flex:1}.contact-info-card small{display:block;color:#747990;font-size:11px;margin-bottom:4px}.contact-info-card strong{display:block;overflow-wrap:anywhere;font-size:14px}.contact-info-card>b{color:#5d2bd0;font-size:18px}.contact-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#f1edfb;color:#5d2bd0}.contact-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-note{display:flex;gap:12px;margin-top:18px;padding:15px;border-radius:16px;background:#f8f5e9;border:1px solid #f2e6bd}.contact-note span{color:#ff9d00;font-size:18px}.contact-note p{margin:0;color:#5d5f72;font-size:12px;line-height:1.9}.contact-form-card{padding:34px}.contact-form-head{margin-bottom:23px}.contact-form-head p{margin:8px 0 0;color:#747990;font-size:13px;line-height:1.8}.contact-alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;font-size:13px}.contact-alert.success{background:#e9f7f1;color:#0a604c;border:1px solid #c6e8dc}.contact-alert.error{background:#fff0ee;color:#9b3028;border:1px solid #f1c8c3}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-fields .full{grid-column:1/-1}.contact-form label{display:block;font-weight:700;font-size:13px;margin:0 0 7px;color:#1a2040}.contact-form input,.contact-form textarea{width:100%;border:1px solid #dddce7;background:#fbfbfd;border-radius:12px;padding:12px 14px;font:inherit;color:#171c3b;outline:none;transition:.2s}.contact-form input{height:48px}.contact-form textarea{min-height:165px;resize:vertical;line-height:1.8}.contact-form input:focus,.contact-form textarea:focus{border-color:#8c70d8;box-shadow:0 0 0 4px rgba(93,43,208,.08);background:#fff}.contact-submit{margin-top:17px;min-height:50px;width:100%;border:0;border-radius:13px;background:linear-gradient(120deg,#4b20b5,#6b38d8);color:#fff;font:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;box-shadow:0 12px 25px rgba(75,32,181,.2)}.contact-submit b{color:#ffb52e;font-size:18px}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}@media(max-width:900px){.contact-hero-inner{grid-template-columns:1fr;min-height:0;padding:48px 0}.contact-hero-art{min-height:220px}.contact-art-ring{width:210px;height:210px}.contact-grid{grid-template-columns:1fr}.contact-content{padding:45px 0 65px}}@media(max-width:600px){.contact-hero h1{font-size:37px}.contact-hero p{font-size:14px;line-height:1.9}.contact-hero-points{display:grid;grid-template-columns:1fr}.contact-hero-points span{justify-content:flex-start}.contact-content{padding:30px 0 45px}.contact-info,.contact-form-card{border-radius:18px;padding:20px}.contact-fields{grid-template-columns:1fr;gap:12px}.contact-fields .full{grid-column:auto}.contact-form textarea{min-height:145px}.contact-art-ring{width:175px;height:175px}.contact-art-core{width:92px;height:92px}.contact-art-core span{font-size:19px}}


/* Mobile hardening — contact page only. style.css is intentionally untouched. */
.contact-page,
.contact-page *{box-sizing:border-box}
.contact-page{width:100%;max-width:100%;min-width:0;overflow-x:clip}
.contact-page .container{width:100%;max-width:1120px;min-width:0}
.contact-hero-inner,.contact-grid,.contact-info,.contact-form-card,.contact-fields,.contact-info-card{min-width:0}
.contact-hero-inner>*{min-width:0}
.contact-hero-copy,.contact-form-card,.contact-info{max-width:100%}
.contact-hero h1,.contact-hero p,.contact-info h2,.contact-form-head h2,.contact-info-card strong{overflow-wrap:anywhere;word-break:normal}
.contact-form input,.contact-form textarea{max-width:100%;min-width:0;box-sizing:border-box}

@media(max-width:760px){
    .contact-hero-inner{padding-inline:16px}
    .contact-content{padding-inline:0}
    .contact-content>.container{padding-inline:16px}
    .contact-hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .contact-hero-points span{min-width:0;padding:9px 10px;font-size:11px}
    .contact-info,.contact-form-card{padding:17px}
    .contact-grid{gap:14px}
    .contact-info-card{min-width:0}
    .contact-info-card strong{font-size:13px}
    .contact-form input,.contact-form textarea{font-size:14px}
}

@media(min-width:481px) and (max-width:760px){
    .contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
    .contact-info-head,.contact-note{grid-column:1/-1}
    .contact-info-card{border-top:0;border:1px solid #ecebf2;border-radius:13px;padding:12px 10px}
    .contact-info-card .contact-icon{width:36px;height:36px;flex-basis:36px}
    .contact-info-card>b{font-size:15px}
}

@media(max-width:480px){
    .contact-hero-points{grid-template-columns:1fr 1fr}
    .contact-hero-points span{font-size:10px}
}

@media(max-width:360px){
    .contact-hero-points{grid-template-columns:1fr}
    .contact-hero-inner{padding-inline:12px}
    .contact-content>.container{padding-inline:12px}
    .contact-info,.contact-form-card{padding:14px}
}

/* Final mobile overflow lock — contact page only. style.css remains untouched. */
html,body{max-width:100%;overflow-x:hidden!important}
.contact-page{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden!important}
.contact-page .container{width:100%;max-width:1120px;min-width:0;margin-left:auto;margin-right:auto}
.contact-hero{width:100%;max-width:100%;overflow:hidden!important}
.contact-hero-inner{width:100%;max-width:1120px;min-width:0}
.contact-hero-inner>*{min-width:0;max-width:100%}
.contact-hero-art{width:100%;max-width:100%;overflow:hidden}
.contact-art-ring,.contact-art-core{max-width:none}
.contact-content{width:100%;max-width:100%;overflow:hidden}
.contact-grid{width:100%;max-width:100%;min-width:0}
.contact-grid>*{min-width:0;max-width:100%}
.contact-info,.contact-form-card{width:100%;min-width:0;max-width:100%}
.contact-fields{width:100%;min-width:0}
.contact-fields>div{min-width:0;max-width:100%}
.contact-form{width:100%;min-width:0;max-width:100%}
.contact-form input,.contact-form textarea,.contact-submit{display:block;width:100%;max-width:100%;min-width:0}

@media(max-width:760px){
    .contact-hero-inner{grid-template-columns:minmax(0,1fr);padding-inline:14px;gap:10px}
    .contact-hero-copy{width:100%;min-width:0}
    .contact-hero-art{min-height:180px}
    .contact-art-ring{width:160px;height:160px}
    .contact-art-ring:before,.contact-art-ring:after{width:220px}
    .contact-art-core{width:82px;height:82px}
    .contact-content>.container{padding-inline:14px}
    .contact-grid{grid-template-columns:minmax(0,1fr)}
    .contact-info,.contact-form-card{padding:16px}
    .contact-info-card{max-width:100%;overflow:hidden}
    .contact-info-card>span:nth-child(2){min-width:0;max-width:100%}
    .contact-info-card strong{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
    .contact-form input,.contact-form textarea{padding-inline:11px}
}

@media(min-width:481px) and (max-width:760px){
    .contact-info{grid-template-columns:repeat(2,minmax(0,1fr));}
    .contact-info-head,.contact-note{min-width:0}
}

@media(max-width:480px){
    .contact-hero h1{font-size:31px;line-height:1.25}
    .contact-hero p{font-size:13px}
    .contact-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));}
    .contact-hero-points span{min-width:0;overflow:hidden}
    .contact-hero-art{min-height:165px}
    .contact-art-ring{width:145px;height:145px}
    .contact-art-core{width:76px;height:76px}
    .contact-art-core span{font-size:16px}
    .contact-info,.contact-form-card{padding:14px}
}

@media(max-width:360px){
    .contact-content>.container,.contact-hero-inner{padding-inline:10px}
    .contact-hero-points{grid-template-columns:1fr}
    .contact-info,.contact-form-card{padding:12px}
}
