.contact-page{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,.8fr);gap:70px;align-items:center;min-height:calc(100vh - 90px);overflow:hidden;padding:86px max(7vw,24px) 110px;background:linear-gradient(135deg,#28135e,#7134b4 48%,#177e9e);color:#fff}.contact-page:before{position:absolute;z-index:-1;inset:0;content:"✦       ·        ✧             ·       ✦        ·       ✧             ·       ✦";padding:28px 5%;color:#fff;opacity:.55;pointer-events:none;font-size:18px;letter-spacing:24px;line-height:4;animation:contactStars 22s linear infinite}.contact-intro,.contact-card{position:relative;max-width:620px;margin:auto}.contact-intro span{color:#ffe449;font-size:12px;font-weight:1000;letter-spacing:2px}.contact-intro h1{margin:20px 0;font-size:clamp(50px,6vw,80px);line-height:.94;letter-spacing:-5px;text-shadow:3px 5px 0 #24104f}.contact-intro h1 em{font-style:normal;color:#ff73aa}.contact-intro p{max-width:510px;color:#f5eaff;font-size:19px;line-height:1.7}.contact-card{width:100%;padding:34px;border:3px solid #ffffff88;border-radius:30px;background:#ffffff1c;box-shadow:0 18px 45px #24104f55;backdrop-filter:blur(10px)}.contact-card label{margin:0 0 16px;color:#fff;font-weight:900}.contact-card input,.contact-card textarea{display:block;width:100%;margin-top:7px;padding:13px 15px;border:2px solid #ffffff66;border-radius:14px;outline:none;background:#fff;color:#342052}.contact-card textarea{resize:vertical}.contact-card input:focus,.contact-card textarea:focus{border-color:#ffe449;box-shadow:0 0 0 4px #ffe44933}.contact-card .btn{width:100%;border:3px solid #fff;background:#ff4f88;color:#fff;box-shadow:0 6px 0 #9d2769}.contact-card small{display:block;margin-top:5px;color:#ffd0e3}.contact-success,.contact-error{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#ffe449;color:#342052;font-weight:900}.contact-error{background:#ffb1c8}.contact-stats{display:flex;gap:16px;margin:25px 0}.contact-stats article{min-width:180px;padding:20px;border-radius:18px;background:#fff0fa;border:3px solid #fff}.contact-stats b,.contact-stats span{display:block}.contact-stats b{font-size:34px;color:#6d35bd}.message-list{display:grid;gap:16px}.message-card{padding:22px;border:3px solid #ff73aa;border-radius:20px;background:#fff;color:#342052;box-shadow:0 6px 0 #24104f}.message-card.is-read{border-color:#bca7df}.message-top{display:flex;justify-content:space-between;gap:20px}.message-top strong,.message-top a{display:block}.message-top a{color:#7045c7;font-size:14px}.message-top small{color:#8d7ba8}.message-card p{line-height:1.6;white-space:pre-wrap}.message-read{padding:9px 13px;border:0;border-radius:10px;background:#ff4f88;color:#fff;font-weight:900;cursor:pointer}.message-seen{color:#319e88;font-weight:900}
@keyframes contactStars{to{background-position:240px -210px}}
@media(max-width:800px){.contact-page{grid-template-columns:1fr;gap:35px;padding:62px 18px 80px}.contact-intro h1{font-size:52px}.contact-card{padding:24px}.message-top{display:block}.message-top small{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.contact-page:before{animation:none}}