/* MyBcard identity: supplied original logo, purple #6247BD + green #00D982. */
:root{--purple:#6247bd;--purple-dark:#453080;--mint:#00d982;--paper:#f8f8fd;--ink:#26213f;--muted:#77728b;--line:#e8e4f2}
body{background:var(--paper);-webkit-font-smoothing:antialiased}a:focus-visible,button:focus-visible{outline:3px solid #00b875}.brand{letter-spacing:normal;flex-shrink:0}.brand-logo{width:210px;height:auto;display:block;object-fit:contain;border-radius:9px;background:white}.wrap{max-width:1300px}header{height:104px}header nav a{position:relative;font-weight:600;color:#706783}header nav a:hover{color:var(--purple)}header nav a:after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--mint);transition:width .25s}header nav a:hover:after{width:100%}.btn{border-radius:11px;transition:transform .2s,box-shadow .2s,background .2s}.btn.primary{background:var(--purple);border-color:var(--purple);box-shadow:0 5px 14px #6247bd1b}.btn.primary:hover{background:var(--purple-dark);border-color:var(--purple-dark);box-shadow:0 8px 20px #6247bd30}.btn.lime{background:var(--mint);border-color:var(--mint);color:#083d2c}.btn:hover{box-shadow:0 6px 16px #6247bd12}.eyebrow{color:var(--purple)}.eyebrow:before{background:var(--mint);box-shadow:0 0 0 4px #00d98215}
.hero{position:relative;padding:75px 0 85px;gap:60px}.hero:before{content:'';position:absolute;inset:-40px -60px;z-index:-1;background:radial-gradient(ellipse at 85% 40%,#e9e0ff90,transparent 50%),radial-gradient(ellipse at 5% 100%,#defbef70,transparent 45%);pointer-events:none}.hero h1{letter-spacing:-3px;line-height:1.09}.hero h1 em{color:var(--purple);z-index:0}.hero h1 em:after{background:#00df8c45;height:16px;bottom:0;border-radius:2px}.hero .lead{font-size:17px}.hero-art{background:radial-gradient(ellipse,#e4dafa90 0,transparent 67%)}.orbit{border-color:#d7ccef;background:linear-gradient(135deg,#f3edff55,#e4fbf055);width:460px;height:460px}.orbit:after{border-color:#a691d640}.phone{border-color:#36265d;box-shadow:18px 30px 65px #6247bd26,0 0 0 1px #7452c922}.phone-top{background:linear-gradient(120deg,#6247bd,#9476e0);height:120px}.phone-top:after{color:white}.portrait-initials{background:linear-gradient(135deg,#00d982,#00a96a);color:#fff}.phone-body h3{color:#38265d}.phone-body .pill{background:#eee8fc;color:#6247bd;font-size:8px}.phone-links b{background:#f1ecfd;color:#6247bd}.mini-services div{background:#f1ecfc;color:#6247bd}.float-tag{border-radius:15px;box-shadow:0 12px 35px #6247bd12;border-color:#eee7fa}.float-tag b{color:#514273}.tag-one{border-left:4px solid var(--purple)}.tag-two{border-left:4px solid var(--mint)}.tag-three{background:#00d982;color:#104132;border-color:#00d982;box-shadow:0 12px 30px #00d98222}.strip{background:#ffffff60;border-radius:15px;padding:27px 22px}.strip b{color:#6c6287}.avatars b{background:#e9e0fc;color:#6247bd;border-color:#f8f8fd}
.section h2{letter-spacing:-1.2px}.panel{border-radius:18px;box-shadow:0 4px 20px #39246404;transition:box-shadow .25s,transform .25s}.feature{position:relative;overflow:hidden;border-color:#e9e3f4}.feature:after{content:'';width:100px;height:100px;border-radius:50%;position:absolute;right:-40px;top:-40px;background:#f6f1ff;transition:transform .3s}.feature:hover{transform:translateY(-5px);box-shadow:0 15px 35px #6247bd13}.feature:hover:after{transform:scale(1.4)}.feature .icon{background:#eee6ff;color:#6247bd;border:1px solid #e8defc;border-radius:12px}.feature:nth-child(2n) .icon{background:#e2fbef;color:#008f5b;border-color:#d0f4e3}.feature h3{color:#3d2f5d}.dark-section{background:radial-gradient(ellipse at 95% 0,#7151bd55,transparent 50%),linear-gradient(120deg,#271b45,#3d2864);position:relative}.dark-section .eyebrow{color:#c9b5f7}.dark-section .step b{color:#00e394}.dark-section .step p{color:#c6bbda}.template{box-shadow:0 6px 20px #6247bd06}.template:hover{box-shadow:0 15px 30px #6247bd15}.template-art{background:linear-gradient(135deg,#ede7fc,#f7f4ff)}.template:nth-child(3n+2) .template-art{background:linear-gradient(135deg,#ddf7ec,#f1fcf7)}.template:nth-child(3n) .template-art{background:linear-gradient(135deg,#e4e9ff,#f2effc)}.template-info{padding:20px}.pill{background:#f0ebfb;color:#79649e}.pill.active{background:#ddf9eb;color:#007d50}.pill.pending{background:#fff1d7;color:#92600d}.plan{padding:30px}.plan.highlight{background:linear-gradient(155deg,#eee7ff,#fff);border:1px solid #b9a5ec;box-shadow:0 10px 35px #6247bd10;position:relative}.plan.highlight:before{content:'';position:absolute;top:0;left:25px;right:25px;height:3px;background:linear-gradient(90deg,var(--purple),var(--mint));border-radius:0 0 10px 10px}.price{color:#49317f}.plan li:before{color:#00a76c}.cta{background:radial-gradient(ellipse at 100% 0,#8460d4,transparent 60%),linear-gradient(110deg,#51359a,#6247bd);color:white;padding:50px;border-radius:23px;box-shadow:0 15px 40px #6247bd1c}.cta p{color:#dbd0f4}.cta .btn.primary{background:var(--mint);border-color:var(--mint);color:#10412f}.footer{padding-top:55px}.footer-bottom{color:#8d829d}
.sidebar{background:linear-gradient(180deg,#fff,#fbfaff);padding:26px 16px}.sidebar .brand{padding:0 4px 20px;border-bottom:1px solid #eee9f7}.sidebar .brand-logo{width:190px}.sidebar nav a{border:1px solid transparent;transition:background .2s,color .2s}.sidebar nav a:hover{background:#f5f0ff;color:var(--purple)}.sidebar nav a.current{background:linear-gradient(90deg,#eee6ff,#f5f1ff);border-color:#e7ddfb;color:var(--purple);box-shadow:inset 3px 0 var(--purple)}.sidebar nav a>span{font-size:16px;color:#a396bb}.sidebar nav a.current>span{color:var(--purple)}.sidebar-label{color:#a598bb;font-size:9px}.sidebar-foot{background:linear-gradient(135deg,#eee7ff,#e9fbf2);border:1px solid #e3daf7;border-radius:14px}.sidebar-foot>b{font-size:12px;color:#57417e}.sidebar-foot p{color:#8b7a9f}.sidebar-foot .btn{border-color:#d7c8ed;color:var(--purple)}.demo-ribbon{background:#eee8f8;color:#8c7ba5;font-size:10px}.topbar{background:#ffffffcc;border-bottom-color:#ece6f5}.user-avatar{background:linear-gradient(135deg,#eee3ff,#d5f9e8);color:#6247bd;border:1px solid #e8def5}.heading h1{color:#302048}.content{padding-top:35px}.banner{background:linear-gradient(110deg,#f3ecff,#faf7ff);border-color:#e3d6fa;border-radius:14px;position:relative;overflow:hidden}.banner:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--purple),var(--mint))}.banner h4{color:#6843a2}.banner p{color:#9581aa}.stat{position:relative;overflow:hidden;min-height:142px}.stat:after{content:'↗';position:absolute;right:20px;top:20px;border-radius:10px;background:#f1eaff;color:#9677cb;padding:8px 10px;font-size:16px}.stat:nth-child(2n):after{background:#e2faee;color:#00a16b}.stat strong{color:#49317d}.stat:hover{box-shadow:0 9px 25px #6247bd0b}.bar{background:#e5ddf5}.bar:nth-child(3n){background:linear-gradient(#a48add,#7753c5)}.bar:nth-child(4n){background:linear-gradient(#57e7b0,#00b874)}th{background:#f8f5fd;color:#9a88ae}td{border-bottom-color:#f0ebf8}tbody tr:hover{background:#fcfaff}.card-thumb{background:linear-gradient(135deg,#e4d8fd,#dbf9ed);color:#6247bd;border:1px solid #e3d8f5}.progress{background:#eee7f8}.progress span{background:linear-gradient(90deg,#6247bd,#00d982)}.tab.active{border-color:var(--purple);color:var(--purple)}.field input,.field textarea,.field select,.search{border-color:#e6dff0;background:#fff;border-radius:10px}.field input:focus,.field textarea:focus,.search:focus{outline:2px solid #bca9e9;border-color:var(--purple);box-shadow:0 0 0 4px #6247bd08}.notice,.form-note{background:#f1ebfb;color:#7a6498;border:1px solid #e9e0f6}.filter.active{background:var(--purple);border-color:var(--purple)}.checklist li{border-color:#eee8f6}.checklist a{color:var(--purple)}.preview-panel{border-color:#e1d6f4}.preview-card{box-shadow:0 15px 35px #6247bd12}.toast{background:#49317d}.toggle-row input{accent-color:var(--purple)}
.auth-story{background:radial-gradient(circle at 0 100%,#00d98220,transparent 50%),radial-gradient(ellipse at 90% 10%,#9271da55,transparent 60%),linear-gradient(140deg,#30204d,#513782)}.auth-story .brand-logo{width:230px;padding:5px;border-radius:12px}.auth-story .eyebrow{color:#cdb6f9}.auth-story h1{font-size:54px}.auth-story .mini-services div{background:#ffffff10;color:#ded4f0!important;border:1px solid #ffffff17;padding:22px 16px;backdrop-filter:blur(8px)}.auth-box .form-note{background:#f2edfc;border-color:#e7dcfa}.auth-form{background:radial-gradient(ellipse at 100% 0,#eee7ff55,transparent 60%),#fbfaff}.auth-box h1{color:#3b275c}.auth-box .btn.primary{padding:15px}
@media(max-width:1100px){header{gap:16px}header nav{gap:18px}.brand-logo{width:180px}.hero{gap:30px}.orbit{width:370px;height:370px}.sidebar .brand-logo{width:166px}.hero h1{font-size:50px}}
@media(max-width:760px){header{height:auto;min-height:90px;gap:17px}.brand-logo{width:182px}header nav{gap:16px}.hero{padding:45px 0 50px;gap:20px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero .lead{font-size:15px}.hero:before{inset:0}.orbit{width:310px;height:310px}.float-tag{padding:11px 13px}.float-tag b{font-size:11px}.tag-one{top:65px}.tag-two{bottom:60px}.tag-three{left:0;bottom:30px;font-size:10px}.strip{padding:22px 15px}.cta{padding:30px}.sidebar{padding:14px 15px}.sidebar .brand{padding:0;border:0}.sidebar .brand-logo{width:164px}.sidebar nav a{padding:10px}.sidebar nav a>span{font-size:12px}.stat:after{right:12px;top:13px;font-size:11px;padding:5px 7px}.stat{min-height:135px}.stat small{max-width:90px;display:block;line-height:1.5}.auth-story{padding:25px 30px}.auth-story h1{font-size:34px}.auth-story .brand-logo{width:190px}.auth-story .mini-services{display:none}.plan{padding:25px}.hero-art{min-height:500px}.phone{width:252px}.feature:after{width:80px;height:80px}}