/*
Theme Name: Karmegam Clothing Coming Soon
Theme URI: https://karmegamclothing.com
Author: Karmegam Clothing
Description: Mobile-first white and purple rainbow-accented launching soon WordPress theme.
Version: 2.0.0
Text Domain: karmegam-clothing
*/
:root{--purple:#6b21a8;--deep:#3b0764;--ink:#17121f}
*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
.kc-page{min-height:100svh;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fff}
.kc-page:before{content:"";position:absolute;pointer-events:none;width:clamp(280px,60vw,720px);height:clamp(280px,60vw,720px);border-radius:50%;background:conic-gradient(#ff2d55,#ff9500,#ffcc00,#34c759,#00c7ff,#5856d6,#af52de,#ff2d55);filter:blur(clamp(35px,6vw,70px));opacity:.15;right:clamp(-280px,-18vw,-100px);top:clamp(-300px,-18vw,-100px)}
.kc-page:after{content:"";position:absolute;pointer-events:none;width:clamp(230px,45vw,500px);height:clamp(230px,45vw,500px);border-radius:50%;background:conic-gradient(#7c3aed,#ec4899,#f59e0b,#22c55e,#06b6d4,#7c3aed);filter:blur(clamp(35px,6vw,75px));opacity:.1;left:clamp(-240px,-18vw,-90px);bottom:clamp(-270px,-18vw,-90px)}
.kc-inner{position:relative;z-index:2;width:100%;max-width:1180px;text-align:center;padding:clamp(35px,7vw,80px) clamp(16px,5vw,50px)}
.kc-brand{font-size:clamp(14px,2vw,18px);font-weight:800;letter-spacing:clamp(.12em,.35em,.35em);line-height:1.4;text-transform:uppercase;color:var(--deep);margin-bottom:clamp(20px,4vw,30px);overflow-wrap:anywhere}
.kc-line{width:clamp(65px,10vw,100px);height:4px;margin:0 auto clamp(28px,5vw,38px);border-radius:99px;background:linear-gradient(90deg,#ff2d55,#ff9500,#ffcc00,#34c759,#00c7ff,#5856d6,#af52de)}
.kc-title{display:block;width:100%;margin:0 auto;max-width:100%;font-size:clamp(58px,13vw,170px);line-height:.86;font-weight:1000;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;overflow:visible;color:transparent;background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 28%,#ec4899 52%,#f59e0b 72%,#4c1d95 100%);-webkit-background-clip:text;background-clip:text}
.kc-sub{font-size:clamp(15px,2.3vw,30px);line-height:1.35;font-weight:700;letter-spacing:clamp(.06em,.18em,.18em);text-transform:uppercase;color:#4b3b58;margin:clamp(25px,5vw,38px) auto clamp(25px,4vw,34px);max-width:700px}
.kc-url{display:inline-block;max-width:100%;font-size:clamp(14px,2vw,22px);line-height:1.25;font-weight:800;letter-spacing:clamp(.04em,.12em,.12em);color:#fff;background:#5b21b6;padding:clamp(13px,2vw,16px) clamp(18px,3vw,28px);border-radius:999px;box-shadow:0 12px 35px rgba(91,33,182,.22);text-decoration:none;overflow-wrap:anywhere;transition:transform .2s,background .2s}
.kc-url:hover{transform:translateY(-2px);background:#4c1d95}
.kc-footer{margin-top:clamp(32px,7vw,70px);font-size:10px;line-height:1.5;letter-spacing:clamp(.08em,.2em,.2em);text-transform:uppercase;color:#8a7c94}
@media(max-width:600px){
 .kc-page{align-items:center}
 .kc-inner{padding:32px 18px}
 .kc-brand{letter-spacing:.12em;margin-bottom:18px}
 .kc-line{margin-bottom:26px}
 .kc-title{font-size:clamp(42px,14vw,88px);line-height:.9;letter-spacing:-.025em;white-space:nowrap;overflow:visible}
 .kc-sub{letter-spacing:.07em;margin-top:24px}
 .kc-url{font-size:14px;letter-spacing:.04em;padding:13px 18px}
 .kc-footer{margin-top:34px}
}
@media(max-width:360px){
 .kc-inner{padding-left:14px;padding-right:14px}
 .kc-title{font-size:13vw;letter-spacing:-.02em;white-space:nowrap;overflow:visible}
 .kc-sub{font-size:13px}
 .kc-url{font-size:12px;padding:12px 14px}
}