.domain-card{margin-top:32px;overflow:hidden;border:1px solid #dbe4f1;border-radius:16px;background:#fff;box-shadow:0 18px 38px -28px #627ba654}
.domain-motion{position:relative;padding:25px 25px 22px;background:radial-gradient(ellipse at 75% 0%,#fff 0%,#f4f7fc 60%,#eaf0fa 100%);overflow:hidden;isolation:isolate}
.domain-motion:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffffc9 48%,transparent 70%);animation:domain-reflection 8s ease-in-out infinite}
.domain-motion-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.domain-motion-head>span{font-size:11px;font-weight:600;color:#6980a1;text-transform:uppercase;letter-spacing:.1em}
.domain-motion-toggle{font:inherit;font-size:11px;display:flex;align-items:center;gap:6px;background:none;border:0;padding:4px;color:#607695;cursor:pointer}
.domain-motion-toggle svg{width:11px;height:11px;fill:currentColor}
.domain-address{display:flex;align-items:center;gap:12px;min-height:76px;padding:17px 20px;background:linear-gradient(135deg,#fff,#f9fbff);border:1px solid #cddcf4;border-radius:12px;box-shadow:inset 0 1px 1px #fff,0 9px 20px -16px #426fb985}
.domain-globe{width:23px;height:23px;flex-shrink:0;color:#7691b7;fill:none;stroke:currentColor;stroke-width:1.5}
.domain-typing-space{min-width:0;flex:1;line-height:1.2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(18px,1.7vw,26px);font-weight:500;letter-spacing:0;color:#2e69ff}
.domain-type{display:block;white-space:nowrap;overflow:hidden;width:0;border-right:2px solid #2e69ff;animation:domain-write 8s steps(15,end) infinite,domain-caret .8s step-end infinite;box-sizing:content-box}
.domain-address-mark{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;color:#2e69ff;background:#edf3ff;animation:domain-arrive 8s ease infinite}
.domain-address-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.domain-services{display:flex;align-items:center;gap:8px;margin-top:19px;min-height:30px}
.domain-services span{font-size:11px;color:#58708f;padding:6px 11px;border:1px solid #dce5f1;border-radius:7px;background:#ffffffb5;animation:domain-service 8s ease infinite}
.domain-services span:nth-child(2){animation-delay:.18s}.domain-services span:nth-child(3){animation-delay:.36s}
.domain-card .domain-form{margin:0;padding:22px 25px;background:#fff;border-radius:0;border-top:1px solid #dbe4f1}
.domain-card .domain-form label{margin-bottom:12px;font-size:13px}
.domain-card .domain-form input{font-size:14px;border-radius:7px}
.domain-card .domain-form button{border-radius:7px}
.domain-card .domain-form p{font-size:11px}
.domain-motion:not(.is-in-view) *,.domain-motion:not(.is-in-view):before,.domain-motion.is-paused *,.domain-motion.is-paused:before,.paused .domain-motion *,.paused .domain-motion:before{animation-play-state:paused!important}
@keyframes domain-write{0%,12%{width:0}46%,83%{width:15ch}96%,100%{width:0}}
@keyframes domain-caret{0%,100%{border-color:transparent}50%{border-color:#2e69ff}}
@keyframes domain-arrive{0%,42%{opacity:.25;transform:scale(.9)}50%,86%{opacity:1;transform:scale(1)}96%,100%{opacity:.25;transform:scale(.9)}}
@keyframes domain-service{0%,44%{opacity:0;transform:translateY(7px)}53%,84%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(7px)}}
@keyframes domain-reflection{0%,42%{transform:translateX(-100%)}74%,100%{transform:translateX(100%)}}
@media(max-width:800px){.domain-typing-space{font-size:26px}.domain-motion{padding:24px}.domain-card .domain-form{padding:22px 24px}}
@media(max-width:520px){.domain-card{margin-top:26px;border-radius:12px}.domain-motion{padding:20px 16px}.domain-motion-head{gap:10px;margin-bottom:18px}.domain-motion-head>span{font-size:9px;letter-spacing:.07em}.domain-address{gap:9px;padding:14px 12px;min-height:66px}.domain-globe{width:19px;height:19px}.domain-typing-space{font-size:19px}.domain-address-mark{width:26px;height:26px}.domain-services{gap:6px;margin-top:16px}.domain-services span{font-size:10px;padding:6px 9px}.domain-card .domain-form{padding:20px 16px}}
@media(max-width:360px){.domain-typing-space{font-size:17px}.domain-address{gap:7px}}
@media(prefers-reduced-motion:reduce){.domain-motion *,.domain-motion:before{animation:none!important}.domain-motion:before,.domain-motion-toggle{display:none}.domain-type{width:15ch;border-color:transparent}.domain-services span,.domain-address-mark{opacity:1;transform:none}}
