:root{--ink:#131527;--muted:#70778b;--line:#e1e5ee;--brand:#675be7;--dark:#17182d;--green:#079a6c;font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}h1,h2,b,strong{font-family:Manrope,sans-serif}a{color:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(560px,1.12fr) minmax(480px,.88fr)}.brand-side{position:relative;overflow:hidden;padding:42px max(45px,calc((100vw - 1360px)/2));color:#fff;background:radial-gradient(circle at 82% 22%,#734c873d,transparent 28%),radial-gradient(circle at 15% 75%,#4454a528,transparent 28%),linear-gradient(145deg,#17182d,#31234d);display:flex;flex-direction:column;justify-content:space-between}.brand-side:before,.brand-side:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff0f}.brand-side:before{width:650px;height:650px;right:-350px;top:-270px;box-shadow:0 0 0 90px #ffffff04}.brand-side:after{width:480px;height:480px;left:-250px;bottom:-290px;box-shadow:0 0 0 70px #ffffff04}.brand-side header,.brand-copy,.trust-row{position:relative;z-index:1}.brand-side header{display:flex;justify-content:space-between;align-items:center}.brand-side header>a:first-child{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-side header>a>span,.mobile-brand>span{width:45px;height:45px;border-radius:13px;background:#fff;color:var(--dark);display:grid;place-items:center;font-weight:800}.brand-side header>a>span i,.mobile-brand>span i{font-size:8px;color:#e86b8f;font-style:normal}.brand-side header b,.brand-side header strong{display:block}.brand-side header b{font-size:12px;color:#b4b5c6}.brand-side header strong{font-size:17px}.website-link{font-size:12px;text-decoration:none;color:#b9bbca}.brand-copy{max-width:670px;margin:70px 0}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#aaa5ff;font-weight:800}.eyebrow>i{display:inline-block;width:19px;height:2px;background:currentColor;margin-right:7px;vertical-align:middle}.brand-copy h1{font-size:53px;line-height:1.09;letter-spacing:-2px;margin:20px 0}.brand-copy>p{font-size:17px;line-height:1.65;color:#b9bbca;max-width:620px}.product-proof{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:39px}.product-proof article{display:flex;gap:13px;padding:17px;background:#ffffff09;border:1px solid #ffffff10;border-radius:14px}.product-proof article>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#ffffff0c;color:#aaa5ff;flex:none}.product-proof b,.product-proof small{display:block}.product-proof small{color:#9fa2b5;margin-top:4px;line-height:1.45}.trust-row{display:flex;gap:25px;color:#afb2c2;font-size:11px}.trust-row i{color:#4ed3a5;margin-right:6px}.form-side{background:#f7f8fb;display:grid;place-items:center;padding:34px}.login-card{width:min(500px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 22px 65px #30314d14}.mobile-brand{display:none}.card-label{font-size:10px;letter-spacing:1.5px;color:var(--brand);font-weight:800}.login-card h2{font-size:33px;margin:10px 0 7px}.login-card>p{margin:0 0 25px;color:var(--muted)}.alert{display:flex;gap:10px;padding:13px 14px;border-radius:11px;margin-bottom:17px;font-size:12px;line-height:1.4}.alert.error{background:#fff0f1;color:#ae293e}.alert.success{background:#e8faf2;color:#087a57}.login-card label{display:block;font-size:12px;font-weight:700;margin:15px 0}.input{height:52px;border:1px solid #d7dce8;border-radius:11px;margin-top:7px;display:flex;align-items:center;transition:.2s}.input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #675be716}.input>i{width:44px;text-align:center;color:#969dac}.input input{border:0;outline:0;background:transparent;width:100%;height:100%;font:inherit;padding-right:12px;min-width:0}.input button{border:0;background:transparent;color:#777f92;padding:12px;cursor:pointer}.form-tools{display:flex;align-items:start;justify-content:space-between;gap:18px;margin:7px 0 20px;font-size:10px}.form-tools span{color:#8a91a2;max-width:235px;line-height:1.4}.form-tools a{color:var(--brand);font-weight:700;text-decoration:none;white-space:nowrap}.primary{width:100%;border:0;border-radius:11px;padding:14px 18px;background:linear-gradient(135deg,#6679e8,#7d4bb7);color:#fff;font:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 11px 27px #675be72d}.divider{display:flex;align-items:center;gap:12px;color:#9298a8;font-size:10px;margin:25px 0 15px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.secondary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:13px;text-decoration:none}.secondary>i:first-child{width:38px;height:38px;background:#efedff;color:var(--brand);border-radius:10px;display:grid;place-items:center}.secondary b,.secondary small{display:block}.secondary b{font-size:12px}.secondary small{font-size:10px;color:var(--muted);margin-top:3px}.secondary>i:last-child{color:#9aa0b0;font-size:10px}.other-portals{margin-top:22px}.other-portals>span{display:block;color:#8c92a3;font-size:10px;margin-bottom:9px}.other-portals>div{display:flex;gap:10px}.other-portals a{flex:1;background:#f6f7fa;border-radius:9px;padding:10px;text-align:center;text-decoration:none;color:#555d73;font-size:10px;font-weight:700}.other-portals a i{color:var(--brand);margin-right:4px}.login-card footer{display:flex;gap:10px;margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}.login-card footer>i{color:var(--green);margin-top:2px}.login-card footer b,.login-card footer small{display:block}.login-card footer b{font-size:10px}.login-card footer small{color:#868d9f;font-size:9px;line-height:1.4;margin-top:3px}
@media(max-width:960px){.login-shell{grid-template-columns:1fr}.brand-side{min-height:330px;padding:30px}.brand-copy{margin:40px 0 25px}.brand-copy h1{font-size:40px;max-width:650px}.product-proof{display:none}.form-side{padding:28px}.trust-row{display:none}}@media(max-width:620px){.brand-side{min-height:225px;padding:22px}.brand-side header .website-link{display:none}.brand-side header>a:first-child{display:none}.brand-copy{margin:10px 0}.brand-copy h1{font-size:29px;letter-spacing:-1px;margin:13px 0}.brand-copy>p{font-size:13px;line-height:1.55;margin:0}.form-side{padding:12px}.login-card{padding:25px;border-radius:21px}.mobile-brand{display:flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:25px}.mobile-brand>span{background:var(--dark);color:#fff;width:38px;height:38px;border-radius:10px}.mobile-brand>b{font-size:14px}.login-card h2{font-size:28px}.form-tools span{display:none}.form-tools{justify-content:flex-end}.other-portals>div{display:grid}.login-card footer{margin-top:20px}}

/* Editorial login hero: real production imagery with quiet, useful brand context. */
.brand-side{background-image:linear-gradient(180deg,rgba(10,12,24,.2) 0%,rgba(10,12,24,.18) 40%,rgba(10,12,24,.88) 100%),url('/assets/perspective-login-studio-v1.png');background-size:cover;background-position:center 38%}
.brand-side:before{inset:0;width:auto;height:auto;right:auto;top:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(7,9,19,.38),transparent 55%)}.brand-side:after{display:none}.brand-copy{align-self:flex-start;margin-top:auto;margin-bottom:42px;max-width:590px;padding:25px 27px;border-left:2px solid #9d91ff;background:linear-gradient(90deg,rgba(10,11,24,.76),rgba(10,11,24,.3) 76%,transparent);backdrop-filter:blur(4px)}.brand-copy h1{font-size:37px;line-height:1.17;letter-spacing:-1px;margin:13px 0}.brand-copy>p{font-size:14px;line-height:1.55;max-width:530px;margin-bottom:0}.product-proof{display:none}.trust-row{font-size:10px;padding-bottom:2px}
@media(max-width:960px){.brand-side{min-height:340px;background-position:center 42%}.brand-copy{margin:48px 0 0;max-width:560px}.brand-copy h1{font-size:33px}.brand-copy>p{max-width:520px}}@media(max-width:620px){.brand-side{min-height:255px;background-position:center 36%;justify-content:flex-end}.brand-copy{margin:0;padding:18px 19px;background:linear-gradient(90deg,rgba(9,10,22,.82),rgba(9,10,22,.38));border-left:2px solid #9d91ff}.brand-copy h1{font-size:24px;margin:9px 0}.brand-copy>p{font-size:11px;line-height:1.5}.eyebrow{font-size:8px}}

/* Quiet editorial composition: no marketing panel and no floating login card. */
.login-shell{grid-template-columns:minmax(520px,1fr) minmax(500px,.82fr)}.brand-side{padding:38px 44px;background-image:linear-gradient(180deg,rgba(5,7,16,.22),rgba(5,7,16,.04) 50%,rgba(5,7,16,.6)),url('/assets/perspective-login-studio-v1.png')}.brand-copy{padding:0;border:0;background:none;backdrop-filter:none;margin:0 0 22px;max-width:500px}.brand-copy .eyebrow,.brand-copy h1,.brand-copy>p{display:none}.brand-copy:before{content:"Made for the people behind every campaign.";display:block;font:700 31px/1.2 Manrope,sans-serif;letter-spacing:-.7px;text-shadow:0 2px 20px #000}.brand-copy:after{content:"Perspective Influence360 · Company workspace";display:block;margin-top:10px;color:#d2d3dc;font-size:12px;letter-spacing:.2px}.trust-row{display:none}.form-side{background:#fff;padding:42px}.login-card{width:min(440px,100%);padding:0;border:0;border-radius:0;box-shadow:none}.login-card h2{font-size:31px}.login-card .secondary{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.other-portals a{background:#f7f7f9}.login-card footer{margin-top:28px}.divider{margin-top:27px}
@media(max-width:960px){.login-shell{grid-template-columns:1fr}.brand-side{min-height:280px}.brand-copy{margin:100px 0 0}.form-side{padding:38px 24px}.login-card{width:min(470px,100%)}}@media(max-width:620px){.brand-side{min-height:205px;padding:20px;background-position:center 34%}.brand-copy{margin:auto 0 0;padding:0;background:none;border:0}.brand-copy:before{font-size:23px;max-width:320px}.brand-copy:after{font-size:10px;margin-top:7px}.form-side{padding:30px 22px}.login-card{padding:0;border-radius:0}.mobile-brand{margin-bottom:28px}}

/* Final login composition: established brand artwork + single-screen access card. */
@media(min-width:961px){html,body{height:100%;overflow:hidden}.login-shell{height:100vh;min-height:0;grid-template-columns:minmax(570px,1.08fr) minmax(500px,.92fr)}.brand-side{min-height:0;padding:34px 42px;background-image:linear-gradient(180deg,rgba(7,8,25,.03),rgba(7,8,25,.18) 48%,rgba(7,8,25,.68)),url('/assets/creative-instinct-login.png');background-size:cover;background-position:center}.brand-copy{margin:auto 0 8px;padding:0;max-width:480px}.brand-copy:before{content:"Perspective Influence360";font-size:31px}.brand-copy:after{content:"The workspace behind better creator campaigns.";font-size:12px;color:#e0e0e8}.form-side{padding:20px 34px;background:#f6f7fa;overflow:hidden}.login-card{width:min(500px,100%);padding:30px 38px 26px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #30314d14}.login-card h2{font-size:30px;margin:8px 0 5px}.login-card>p{margin-bottom:18px}.login-card label{margin:11px 0}.input{height:48px}.form-tools{margin:5px 0 15px}.primary{padding:13px 18px}.divider{margin:18px 0 11px}.login-card .secondary{border:1px solid var(--line);border-radius:11px;padding:10px 12px}.other-portals{margin-top:15px}.other-portals>span{margin-bottom:7px}.other-portals a{padding:8px}.login-card footer{margin-top:16px;padding-top:14px}}
@media(max-height:760px) and (min-width:961px){.login-card{padding:22px 34px 19px}.card-label{font-size:9px}.login-card h2{font-size:27px}.login-card>p{font-size:13px;margin-bottom:12px}.login-card label{margin:8px 0}.input{height:44px}.form-tools{margin-bottom:11px}.primary{padding:11px}.divider{margin:12px 0 8px}.secondary>i:first-child{width:32px;height:32px}.other-portals{margin-top:11px}.login-card footer{margin-top:11px;padding-top:10px}}

@media(min-width:961px){.brand-copy{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:min(620px,82%);max-width:none;margin:0;text-align:center}.brand-copy:before{font-size:36px;letter-spacing:-1px;text-shadow:0 3px 22px #000}.brand-copy:after{font-size:13px;margin-top:9px;color:#d6d7e2}.brand-side header{z-index:3}}
@media(max-height:760px) and (min-width:961px){.brand-copy{bottom:10%}.brand-copy:before{font-size:31px}}

@keyframes identityEnter{0%{opacity:0;transform:translate(-50%,24px);filter:blur(5px)}100%{opacity:1;transform:translate(-50%,0);filter:blur(0)}}@keyframes identityFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}@keyframes identityGlow{0%,100%{text-shadow:0 3px 22px #000,0 0 0 rgba(156,143,255,0)}50%{text-shadow:0 3px 22px #000,0 0 28px rgba(156,143,255,.36)}}
@media(min-width:961px){.brand-copy{top:61%;bottom:auto;transform:translateX(-50%);animation:identityEnter .8s cubic-bezier(.2,.75,.2,1) both,identityFloat 5s ease-in-out .8s infinite}.brand-copy:before{font-family:Manrope,sans-serif;font-size:42px;font-weight:800;letter-spacing:-1.7px;line-height:1.05;background:linear-gradient(100deg,#fff 12%,#e6e2ff 48%,#fff 82%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:identityGlow 4s ease-in-out infinite}.brand-copy:after{font-family:"DM Sans",sans-serif;font-size:14px;font-weight:500;letter-spacing:.15px;color:#ddddea;margin-top:13px}}
@media(max-height:760px) and (min-width:961px){.brand-copy{top:62%;bottom:auto}.brand-copy:before{font-size:36px}}
@media(prefers-reduced-motion:reduce){.brand-copy,.brand-copy:before{animation:none!important}}

/* Campaign-frame hero: artwork surrounds a deliberate black motion stage. */
@media(min-width:961px){
  .brand-side{background-image:url('/assets/company-login-campaign-frame-v2.png');background-position:center;background-size:cover;padding:34px 42px}
  .brand-side:before{display:block;inset:0;background:linear-gradient(180deg,rgba(4,5,13,.08),transparent 26%,transparent 73%,rgba(4,5,13,.14));pointer-events:none}
  .brand-copy{top:49.5%;left:50%;width:min(650px,67%);min-height:190px;transform:translate(-50%,-50%);padding:28px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:stageEnter .75s cubic-bezier(.2,.8,.2,1) both;text-align:center}
  .brand-copy:before,.brand-copy:after{content:none;display:none}
  .brand-copy .eyebrow,.brand-copy h1,.brand-copy>p{display:block}
  .brand-copy .eyebrow{color:#a9a0ff;font-size:9px;letter-spacing:2.6px;margin-bottom:13px}
  .brand-copy h1{margin:0;color:#fff;font-family:Manrope,sans-serif;font-size:clamp(31px,3vw,45px);font-weight:700;letter-spacing:-1.8px;line-height:1}
  .brand-copy h1 em{font-family:"Playfair Display",serif;font-weight:700;font-style:italic;color:#f1c4a5;letter-spacing:-1px}
  .motion-line{position:relative;width:100%;height:29px;margin:16px 0 0!important;color:#d9d9e4!important;font-size:14px!important;line-height:29px!important;overflow:hidden}
  .motion-line span{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);letter-spacing:.15px}
  .motion-line span.active{opacity:1;transform:translateY(0)}
  .trust-row{display:none}
}
@keyframes stageEnter{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-height:760px) and (min-width:961px){.brand-copy{top:50%;min-height:160px;padding:20px}.brand-copy h1{font-size:34px}.motion-line{margin-top:11px!important}}
@media(max-width:960px){.brand-side{background-image:linear-gradient(180deg,transparent 15%,rgba(5,6,16,.16) 46%,rgba(5,6,16,.75)),url('/assets/company-login-campaign-frame-v2.png');background-size:cover;background-position:center}.brand-copy{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:70%;margin:0;padding:15px;text-align:center;background:transparent;border:0}.brand-copy:before,.brand-copy:after{content:none}.brand-copy .eyebrow,.brand-copy h1,.brand-copy>p{display:block}.brand-copy .eyebrow{font-size:8px;color:#aaa5ff;letter-spacing:1.7px}.brand-copy h1{font-size:27px;margin:9px 0 0;line-height:1;color:#fff}.brand-copy h1 em{font-family:"Playfair Display",serif;color:#f1c4a5}.motion-line{position:relative;height:22px;margin:10px 0 0!important;font-size:11px!important;color:#ddddea!important}.motion-line span{position:absolute;inset:0;opacity:0;transition:.45s}.motion-line span.active{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-copy{animation:none!important}.motion-line span{display:none}.motion-line span:first-child{display:block;opacity:1;transform:none}}

/* Calm access hierarchy: one primary action, lightweight secondary routes. */
.divider{margin:21px 0 9px!important;justify-content:center;color:#858c9d}
.divider:before,.divider:after{display:none}
.secondary{display:flex!important;justify-content:center!important;gap:6px!important;border:0!important;padding:3px 0!important;text-align:center;color:var(--brand);font-size:10px}
.secondary>i:first-child{display:none!important}
.secondary>i:last-child{position:relative;font-size:8px;color:var(--brand);transition:transform .2s ease}
.secondary:hover>i:last-child{transform:translateX(3px)}
.secondary span{display:flex;align-items:center;gap:5px}
.secondary b{font-size:10px!important}
.secondary small{display:none!important}
.other-portals{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px!important;padding-top:15px;border-top:1px solid var(--line)}
.other-portals>span{display:none!important}
.other-portals>div{display:flex!important;align-items:center;justify-content:center;gap:0!important}
.other-portals a{flex:none!important;background:transparent!important;border-radius:0!important;padding:0 12px!important;color:#596176!important;font-size:10px!important}
.other-portals a+a{border-left:1px solid #d6dae4}
.other-portals a:hover{color:var(--brand)!important}
.login-card>footer{align-items:center;margin-top:17px!important;padding-top:14px!important}
.login-card>footer>i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#eaf9f3;font-size:11px;margin:0}
.login-card>footer b{font-size:10px;font-weight:700}
.login-card>footer small{font-size:9px;margin-top:2px}
@media(min-width:961px){.login-card{padding:34px 38px 25px}.login-card h2{font-size:32px}}
@media(max-height:760px) and (min-width:961px){.divider{margin:13px 0 7px!important}.other-portals{margin-top:11px!important;padding-top:10px}.login-card>footer{margin-top:11px!important;padding-top:10px!important}}
@import url('/assets/brand-system.css?v=a33da9791784');
.brand-side header>a>span,.mobile-brand>span{background:#fff url('/assets/brand/perspective-mark.png') center/contain no-repeat!important;color:transparent!important;font-size:0!important;border:1px solid #ffffff2b!important;box-shadow:0 8px 20px #0003!important}.brand-side header>a>span i,.mobile-brand>span i{display:none!important}

/* Phone layout: take users directly to access instead of stacking desktop artwork. */
@media(max-width:620px){
  html,body{min-height:100%;background:#fff;overflow-x:hidden}
  .login-shell{display:block;min-height:100dvh}
  .brand-side{display:none}
  .form-side{display:block;min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:#fff}
  .login-card{width:100%;max-width:440px;margin:0 auto;padding:0;border:0;border-radius:0;box-shadow:none}
  .mobile-brand{margin:0 0 34px!important}
  .card-label{font-size:9px;letter-spacing:1.35px}
  .login-card h2{font-size:30px;line-height:1.12;margin:9px 0 8px}
  .login-card>p{max-width:330px;margin-bottom:25px;font-size:14px;line-height:1.5}
  .login-card label{margin:15px 0;font-size:12px}
  .input{height:52px}
  .form-tools{margin:8px 0 20px}
  .primary{min-height:50px}
  .divider{margin-top:24px!important}
  .other-portals{margin-top:20px!important}
  .login-card>footer{margin-top:22px!important}
}
@media(max-width:380px){.form-side{padding-left:16px;padding-right:16px}.mobile-brand{margin-bottom:27px!important}.login-card h2{font-size:27px}.other-portals a{padding:0 8px!important}.login-card>footer small{font-size:8.5px}}

/* Mobile-only trust treatment: compact, readable and clear of browser chrome. */
@media(max-width:620px){
  .form-side{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
  .login-card>footer{min-height:42px;align-items:center;gap:8px;margin:16px 0 0!important;padding:8px 11px!important;border:1px solid #dcefe7!important;border-radius:12px;background:#f7fcfa}
  .login-card>footer>i{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#e4f8f0;color:#078a63;font-size:10px}
  .login-card>footer span{min-width:0}
  .login-card>footer b{font:700 10px/1.3 Manrope,sans-serif;color:#25322e}
  .login-card>footer b:after{content:" · encrypted & private";font:500 9px/1.3 "DM Sans",sans-serif;color:#71817b}
  .login-card>footer small{display:none}
}
@media(max-width:360px){
  .form-side{padding-bottom:calc(44px + env(safe-area-inset-bottom))}
  .login-card>footer b:after{content:" · secure & private"}
}

/* Mobile refinement: trust copy is redundant and competes with the keyboard. */
@media(max-width:620px){
  .form-side{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .login-card>footer{display:none!important}
}

/* Mobile sign-in header: balanced brand lockup with one useful exit route. */
@media(max-width:620px){
  .mobile-brand{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:70px!important;
    margin:0 0 28px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid #e6e8ef!important;
  }
  .mobile-brand>b{
    position:absolute;
    right:0;
    top:5px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 13px;
    border:1px solid #ddd9fb;
    border-radius:11px;
    background:#f8f7ff;
    color:transparent;
    font-size:0!important;
    box-shadow:0 5px 14px rgba(76,62,172,.07);
  }
  .mobile-brand>b::after{
    content:"Visit website  ↗";
    color:#5e52d6;
    font:700 10px/1 "DM Sans",sans-serif;
    white-space:nowrap;
  }
  .mobile-brand:focus-visible{
    outline:3px solid #c6bef7!important;
    outline-offset:4px;
  }
}

@media(max-width:360px){
  .mobile-brand>b{padding:0 10px}
  .mobile-brand>b::after{content:"Website  ↗"}
}