81 lines
21 KiB
CSS
81 lines
21 KiB
CSS
@font-face{font-family:Iran;src:url('/iran-sans.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#17323c;background:#fff;font-family:Iran,Tahoma,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #057e99;outline-offset:5px}a:hover{color:#009cbe}img{max-width:100%;display:block}.wrap{width:min(1280px,90%);margin:auto}.topbar{background:#f0f7f8;font-size:12px;color:#4e6971}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.topbar b{margin-right:18px}.header{display:flex;align-items:center;justify-content:space-between;height:110px;gap:30px}.brand img{width:148px;height:82px;object-fit:contain}.header nav{display:flex;gap:40px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:#009fc0;color:white;padding:15px 25px;font-size:14px;border:1px solid #009fc0}.button:hover{background:#087f98;color:white}.button.small{padding:10px 19px}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;background:#eef7f9;direction:ltr}.hero-photo{position:relative;min-height:540px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12374160,transparent 60%)}.photo-label{position:absolute;bottom:35px;left:8%;z-index:1;display:flex;align-items:center;gap:20px;color:#fff;direction:rtl}.photo-label small{display:block;font:10px Arial;letter-spacing:2px;margin-top:7px}.cross{font:60px Arial;font-weight:200}.hero-copy{padding:60px 10% 30px 9%;direction:rtl}.eyebrow{display:flex;align-items:center;gap:12px;color:#008eaa;font-size:12px;letter-spacing:1px;font-weight:bold}.eyebrow i{width:28px;height:2px;background:#00a1bf}h1{font-size:46px;line-height:1.75;margin:19px 0;font-weight:700;letter-spacing:-1.5px}h1 em{font-style:normal;color:#009fbe}p{color:#637780;line-height:2.1}.hero-copy>p{font-size:16px}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.textlink{display:inline-flex;gap:12px;align-items:center;font-size:14px}.hero-bottom{display:flex;gap:15px;align-items:center;border-top:1px solid #d1e4e9;padding-top:24px;margin-top:40px;color:#4d747f;font-size:13px}.hero-bottom small{display:block;color:#78919a;font-size:11px}.categories{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0;border-bottom:1px solid #dce7e9}.categories>a{display:flex;gap:14px;align-items:center;padding:9px 23px;border-left:1px solid #dce7e9}.categories>a:first-child{padding-right:0}.categories>a:last-child{border:0}.categories svg{color:#009cba;flex-shrink:0}.categories strong{font-size:13px;font-weight:500}.categories small{font:11px Arial;color:#849399;display:block;margin-top:5px}.categories>a>svg:last-child{margin-right:auto}.section{padding:75px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}h2{font-size:29px;line-height:1.8;margin:12px 0 22px}h3{font-size:17px}.section-heading p{font-size:14px}.catalog{border-top:1px solid #cbdde1}details{border-bottom:1px solid #cbdde1;scroll-margin-top:30px}summary{padding:24px 0;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:12px;color:#69818b}.group-title{display:flex;align-items:center;gap:18px}.group-title svg{color:#009fbe}.group-title small{font:12px Arial;color:#82949c}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce7e9;border:1px solid #dce7e9;margin-bottom:25px}.product{background:#fff;padding:22px;display:flex;flex-direction:column;min-height:175px}.product:hover{background:#f1fafb}.pdf{font:10px Arial;border:1px solid #b9dce3;width:35px;padding:5px;color:#008fac}.product h3{font-size:14px;font-weight:500;line-height:1.9;margin:18px 0}.download{font-size:11px;color:#008dab;display:flex;justify-content:space-between;margin-top:auto}.education{background:#f0f7f8;padding:65px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>img{width:100%;height:350px;object-fit:cover}.split p{font-size:15px}.split .textlink{color:#008fab;margin-top:12px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.info-grid article{border-top:2px solid #00a0bd;padding-top:25px}.info-grid article>span{font:11px Arial;color:#008fa9;letter-spacing:1px}.info-grid p{font-size:14px}.info-grid a{font-size:13px;color:#008fab}.contactband{background:#009fbd;color:white;padding:35px 0}.contactband>.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.contactband h2{font-size:24px;margin:0}.contactband p{color:#d4f1f6;font-size:14px;margin:8px 0}.button.white{background:white;color:#007f98;border-color:white;white-space:nowrap}footer{background:#f6f8f9;padding-top:55px}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding-bottom:40px}.footerlogo{width:110px;height:60px;object-fit:contain}.footergrid h3{font-size:14px}.footergrid p,.footergrid a{font-size:13px;color:#69808a}.footergrid a{display:block;margin:10px 0}.copyright{border-top:1px solid #dce5e8;display:flex;justify-content:space-between;padding:20px 0;color:#7a9099;font-size:11px}.pagehead{background:#edf7f9;padding:55px 0}.pagehead h1{font-size:38px;margin-bottom:4px}.pagehead p{margin:0}.prose{max-width:900px}.prose p{line-height:2.5}.quote{border-right:3px solid #009fbd;padding:15px 30px;background:#f0f8fa;margin:35px 0;font-size:22px}.contactcards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contactcard{padding:35px;background:#f1f7f8;border-top:2px solid #009fbd}.contactcard a{display:block;color:#0088a4;font-size:20px;margin:12px 0}.contactcard small{font-size:14px;color:#627b85;display:block}.contactcard h2{font-size:21px}
|
|
@media(min-width:1600px){.hero-copy{padding-right:18%}}@media(max-width:1000px){.header nav{gap:20px}.hero-copy{padding:35px 7%}h1{font-size:35px}.actions{gap:14px;flex-wrap:wrap}.categories{grid-template-columns:repeat(2,1fr);gap:15px}.categories>a:nth-child(2){border:0}.categories>a:first-child{padding-right:23px}.product-grid{grid-template-columns:repeat(3,1fr)}.split{gap:35px}}@media(max-width:650px){.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}.header{height:auto;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:15px}.brand img{width:115px;height:60px}.header nav{order:3;width:100%;justify-content:space-between;font-size:13px;gap:8px;margin-top:10px}.button.small{font-size:12px;padding:8px 12px}.hero{display:flex;flex-direction:column-reverse}.hero-copy{padding:35px 6%}.hero-photo{min-height:280px}h1{font-size:34px}.hero-copy>p{font-size:14px}.hero-bottom{margin-top:25px}.categories{padding:22px 0;gap:10px}.categories>a{padding:8px!important;gap:8px}.categories strong{font-size:11px}.categories small{font-size:9px}.categories svg{width:23px}.categories>a>svg:last-child{display:none}.section{padding:45px 0}.section-heading{display:block}h2{font-size:24px}.group-title{gap:10px;font-size:14px}.group-title small{display:none}summary>span:last-child{font-size:10px}.product-grid{grid-template-columns:repeat(2,1fr)}.product{padding:15px;min-height:180px}.split{grid-template-columns:1fr;gap:25px}.split>img{height:260px}.education{padding:35px 0}.info-grid{grid-template-columns:1fr;gap:20px}.contactband>.wrap{display:block}.contactband h2{font-size:22px}.contactband .button{margin-top:15px}.footergrid{grid-template-columns:1fr 1fr;gap:25px}.footergrid>div:first-child{grid-column:1/-1}.copyright{gap:20px;font-size:9px}.contactcards{grid-template-columns:1fr}.pagehead{padding:30px 0}.pagehead h1{font-size:30px}}
|
|
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
|
|
|
|
/* Compact title banners with a quiet medical-cross pattern. */
|
|
.pagehead{padding:25px 0;position:relative;isolation:isolate;overflow:hidden;background:#f8fcfd}
|
|
.pagehead:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M21 16v10m-5-5h10' fill='none' stroke='%23009fbd' stroke-opacity='.34' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:linear-gradient(to right,#000 12%,rgba(0,0,0,.75) 45%,rgba(0,0,0,.12) 80%,transparent)}
|
|
.pagehead h1{font-size:32px;line-height:1.65;margin:8px 0 4px}
|
|
.pagehead .eyebrow{font-size:11px}.pagehead p{font-size:14px}
|
|
.header{position:relative;z-index:20}.header nav{align-items:center}
|
|
.product-menu-trigger{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;font:inherit;padding:10px 0;cursor:pointer}
|
|
.product-menu-trigger:hover,.product-menu-trigger[aria-expanded=true]{color:#008eaa}
|
|
.product-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
|
|
.product-menu-trigger:focus-visible{outline:3px solid #057e99;outline-offset:5px}
|
|
.mega-menu{position:absolute;top:calc(100% - 8px);inset-inline:0;background:#fff;border:1px solid #d7e6e9;border-top:3px solid #009fbd;box-shadow:0 18px 35px #17323c16;max-height:min(650px,75dvh);overflow:auto}
|
|
.mega-menu[hidden]{display:none}
|
|
.mega-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff7f9;padding:18px 25px;border-bottom:1px solid #d7e6e9}
|
|
.mega-heading strong{font-size:15px}.mega-heading span{display:block;color:#71858c;font-size:12px;margin-top:3px}
|
|
.mega-heading>a{display:flex;align-items:center;gap:10px;color:#008aa6;font-size:12px}
|
|
.mega-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:25px;gap:25px}
|
|
.mega-columns section{min-width:0}.mega-columns h2{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 12px;padding-bottom:14px;border-bottom:1px solid #d7e6e9}.mega-columns h2 svg{color:#009fbd;flex-shrink:0}
|
|
.mega-columns ul{list-style:none;margin:0;padding:0}.mega-columns li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;line-height:1.9;padding:7px 5px}.mega-columns li a:hover{background:#eff7f9}.mega-columns li small{font:10px Iran,Tahoma,sans-serif;color:#008aa6;flex-shrink:0}
|
|
@media(max-width:1000px){.mega-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
|
@media(max-width:650px){.pagehead{padding:19px 0}.pagehead h1{font-size:25px}.pagehead p{font-size:13px}.mega-menu{top:100%;max-height:70dvh}.mega-heading{padding:15px;gap:10px}.mega-heading strong{font-size:13px}.mega-heading span{font-size:11px}.mega-heading>a{font-size:11px}.mega-columns{grid-template-columns:1fr;padding:18px;gap:22px}.product-menu-trigger{padding:0}}
|
|
|
|
/* English titles use local Montserrat; Persian glyphs retain Iran Sans. */
|
|
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F}
|
|
@font-face{font-family:Montserrat;src:url('/fonts/montserrat-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F}
|
|
.eyebrow,.photo-label small,.categories small,.group-title small,.info-grid article>span,.copyright span[dir=ltr],.product h3,.mega-columns li a>span{font-family:Montserrat,Iran,Tahoma,sans-serif}
|
|
|
|
/* Contact directory: paired labels and numbers, with compact secondary channels. */
|
|
.contact-section{padding-top:48px;padding-bottom:60px}
|
|
.contact-section .section-heading{margin-bottom:28px}
|
|
.contact-section .section-heading h2{margin-bottom:8px}
|
|
.contact-primary{display:grid;grid-template-columns:1fr 1fr;gap:22px}
|
|
.contact-panel{padding:28px 30px;border:1px solid #dbe7eb;background:#fff;min-width:0}
|
|
.office-panel{background:#f0f8fa;border-color:#e0eef1}
|
|
.contact-panel-heading{display:flex;align-items:center;gap:16px;margin-bottom:22px}
|
|
.contact-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff;color:#008ca7;flex-shrink:0}
|
|
.expert-panel .contact-icon{background:#edf7f9}
|
|
.contact-panel-heading .eyebrow{font-size:11px;letter-spacing:1.5px}
|
|
.contact-panel-heading h2{font-size:21px;line-height:1.7;margin:4px 0 0}
|
|
.contact-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #d9e7eb}
|
|
.contact-line>span{font-size:14px;color:#516c77}
|
|
.contact-line a{display:flex;align-items:center;gap:12px;color:#0c596d;min-height:32px}
|
|
.contact-line a:hover{color:#009fbd}
|
|
.contact-line a svg{color:#0095b2;flex-shrink:0}
|
|
.contact-line bdi,.contact-channel bdi{font-family:Montserrat,Iran,sans-serif;direction:ltr;unicode-bidi:isolate;display:inline-block;font-size:18px;font-weight:400;letter-spacing:.2px}
|
|
.contact-numbers{display:flex;flex-direction:column;gap:7px}
|
|
.contact-secondary{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin-top:22px;border:1px solid #dbe7eb}
|
|
.contact-channel{display:flex;align-items:center;gap:15px;padding:24px;min-width:0;border-inline-end:1px solid #dbe7eb}
|
|
.contact-channel:last-child{border-inline-end:0}
|
|
a.contact-channel:hover{background:#f0f8fa}
|
|
.channel-icon{display:flex;color:#008eaa;flex-shrink:0}
|
|
.contact-channel h3{font-size:13px;font-weight:400;color:#657d87;margin:0 0 6px}
|
|
.contact-channel bdi{font-size:14px;color:#174554;overflow-wrap:anywhere}
|
|
.contact-channel>div{min-width:0}.channel-arrow{margin-inline-start:auto;color:#0095b2;flex-shrink:0}
|
|
@media(max-width:1000px){.contact-panel{padding:24px}.contact-line{flex-direction:column;gap:7px;align-items:flex-start}.contact-panel-heading h2{font-size:18px}.contact-secondary{grid-template-columns:1fr}.contact-channel{border-inline-end:0;border-bottom:1px solid #dbe7eb;padding:20px 24px}.contact-channel:last-child{border-bottom:0}}
|
|
@media(max-width:650px){.contact-section{padding-top:30px;padding-bottom:40px}.contact-section .section-heading>p{display:none}.contact-section .section-heading h2{font-size:22px}.contact-primary{grid-template-columns:1fr;gap:16px}.contact-panel{padding:22px}.contact-panel-heading{gap:12px;margin-bottom:18px}.contact-line{flex-direction:row;align-items:baseline;gap:12px;flex-wrap:wrap}.contact-line>span{font-size:13px}.contact-line bdi{font-size:16px}.contact-secondary{margin-top:16px}.contact-icon{width:44px;height:44px}}
|
|
|
|
/* Explicit Persian heading face in the product disclosure. */
|
|
@font-face{font-family:Iran;src:url('/fonts/iran-sans-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
|
|
.mega-menu{font-family:Iran,Tahoma,sans-serif}
|
|
.mega-menu .mega-columns h2,.mega-menu .mega-heading strong{font-family:Iran,Tahoma,sans-serif;font-weight:700;font-style:normal;font-synthesis:none}
|
|
.mega-menu .mega-columns h2{font-size:14px;line-height:1.9}
|
|
|
|
/* Sequenced hero: image reveal, then heading, description and actions. */
|
|
.hero-slider{overflow:hidden}.hero-slider .hero-copy{padding-top:42px;padding-bottom:20px}.hero-images{position:absolute;inset:0;overflow:hidden;background:#17323c}.hero-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.065);clip-path:inset(0 100% 0 0);transition:opacity 1s ease,clip-path 1.2s cubic-bezier(.22,1,.36,1),transform 6.5s ease-out}.hero-images img.active{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}
|
|
.hero-slider h1 span{display:block}.hero-sequence>*,.hero-sequence h1 span{animation:hero-enter .85s cubic-bezier(.22,1,.36,1) both}.hero-sequence>.eyebrow{animation-delay:.12s}.hero-sequence>h1{animation:none}.hero-sequence h1 span:first-child{animation-delay:.23s}.hero-sequence h1 span:last-child{animation-delay:.34s}.hero-sequence>p{animation-delay:.46s}.hero-sequence>.actions{animation-delay:.58s}.hero-slider .photo-label{animation:hero-enter .9s .4s both}.hero-slider .hero-bottom{margin-top:28px;padding-top:20px}
|
|
.slider-controls{display:flex;align-items:center;gap:17px;margin-top:18px;direction:rtl}.slider-dots{display:flex;gap:4px}.slider-dots button{border:0;background:none;padding:12px 4px;cursor:pointer;min-height:40px}.slider-dots span{display:block;width:20px;height:3px;background:#b7d5dc;transition:width .3s,background .3s}.slider-dots .selected{width:40px;background:#009fbd}.slide-count{font:11px Montserrat,sans-serif;color:#5e7e88}.slider-arrows{display:flex;gap:6px;margin-inline-start:auto}.slider-arrows button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid #c8e0e6;color:#14758b;cursor:pointer}.slider-arrows button:hover{background:#fff}.slider-arrows button:disabled{opacity:.4;cursor:default}.slider-controls button:focus-visible{outline:3px solid #009fbd;outline-offset:3px}
|
|
@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
|
|
@media(max-width:650px){.hero-slider .hero-copy{padding:30px 6% 20px}.hero-slider h1{font-size:30px}.hero-slider .hero-sequence>p{font-size:14px;min-height:59px}.hero-slider .actions{min-height:60px}.hero-slider .photo-label{bottom:22px}.hero-slider .hero-photo{min-height:280px}}
|
|
@media(prefers-reduced-motion:reduce){.hero-images img,.slider-dots span{transition:none}.hero-sequence>*,.hero-sequence h1 span,.hero-slider .photo-label{animation:none}.hero-images img{transform:none}}
|
|
|
|
/* Backend-connected content and account controls. */
|
|
.account-login{display:flex;align-items:center;gap:8px;white-space:nowrap;font:13px Iran,Tahoma,sans-serif;color:#176579;background:transparent;border:0;cursor:pointer;padding:8px 0}.account-menu{position:relative}.account-dropdown{position:absolute;top:100%;inset-inline-end:0;min-width:190px;background:#fff;border:1px solid #d7e6e9;padding:8px;box-shadow:0 12px 25px #17323c15}.account-dropdown a,.account-dropdown button{display:block;width:100%;text-align:right;border:0;background:none;padding:10px;font:14px Iran,sans-serif;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{background:#eef8fa}.account-dropdown p{font-size:12px}.header{gap:22px}.header nav{gap:25px}
|
|
.backend-empty{text-align:center;padding:60px 20px;color:#007f98}.backend-empty>svg{margin:auto}.backend-empty h2{font-size:23px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.blog-card{border:1px solid #d7e6e9}.blog-card>img,.blog-placeholder{height:220px;width:100%;object-fit:cover}.blog-placeholder{display:flex;align-items:center;justify-content:center;background:#eff8fa;color:#0096b3}.blog-card-copy{padding:24px}.blog-card h2{font-size:20px}.blog-card p{font-size:14px}.blog-card-copy>span{display:flex;align-items:center;gap:12px;color:#0093af;font-size:13px}.blog-pagination{display:flex;justify-content:center;gap:30px;margin-top:35px}.blog-article{max-width:900px}.article-cover{width:100%;max-height:480px;object-fit:cover;margin-bottom:35px}.article-body{line-height:2.3;overflow-wrap:anywhere}.article-body img{max-width:100%;height:auto}.article-body table{display:block;overflow:auto;max-width:100%}.article-body a{color:#007f98;text-decoration:underline}.article-body pre{overflow:auto;direction:ltr}.article-body blockquote{border-inline-start:3px solid #009fbd;padding:15px 25px;background:#f0f8fa}
|
|
.contact-form-section{margin-top:48px;padding-top:35px;border-top:1px solid #d7e6e9;display:grid;grid-template-columns:1fr 1.6fr;gap:55px}.contact-form-section p{font-size:14px}.contact-form-section fieldset{margin:0;padding:0;border:0;min-width:0}.contact-form-section label{display:block;font-size:14px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form-section input,.contact-form-section textarea{width:100%;margin-top:8px;background:#f8fcfd;border:1px solid #cbdfe5;padding:12px;font:16px Iran,sans-serif;color:#17323c;border-radius:0}.contact-form-section textarea{resize:vertical}.contact-form-section input:focus,.contact-form-section textarea:focus{outline:2px solid #009fbd;outline-offset:1px}.contact-form-section .button{cursor:pointer;font-family:Iran,sans-serif}.contact-form-section fieldset:disabled{opacity:.65}.field-error{color:#a72c37;font-size:13px}.form-success{color:#17694c;background:#eef8f2;padding:12px}.success-toast{position:fixed;bottom:24px;left:24px;z-index:100;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #b8ded0;border-right:4px solid #21815e;box-shadow:0 10px 30px #17323c18;padding:18px;color:#17694c;font-size:14px;max-width:calc(100% - 32px)}.success-toast button{background:none;border:0;cursor:pointer;color:inherit;display:flex}
|
|
@media(max-width:1000px){.header{gap:12px}.header nav{gap:14px}.header>.button.small{display:none}.blog-grid{grid-template-columns:repeat(2,1fr)}.contact-form-section{gap:30px;grid-template-columns:1fr}}
|
|
@media(max-width:650px){.header nav{font-size:12px}.header>.account-menu,.header>.account-login{margin-inline-start:auto}.blog-grid,.form-grid{grid-template-columns:1fr}.form-grid{gap:0}.contact-form-section{margin-top:30px}.success-toast{bottom:16px;left:16px}.account-login{font-size:12px;max-width:210px;white-space:normal}}
|