@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#14213b;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh}.container{max-width:1170px;margin:auto;padding:0 30px}header{height:84px;border-bottom:1px solid #eef0f5;background:#fff;position:sticky;top:0;z-index:20}.header-inner{max-width:1170px;padding:0 30px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;color:#14213b;font:800 20px Manrope;letter-spacing:-.9px}.brandmark{display:grid;place-items:center;width:42px;height:42px;background:#2454df;color:#fff;border-radius:13px;font-size:26px}.brand-light{font-weight:500}.brand small{display:block;color:#8993a6;font-size:9px;font-weight:800;letter-spacing:2px;margin-top:1px}nav{display:flex;align-items:center;gap:9px}nav button{border:0;background:none;color:#67728b;padding:12px 19px;display:flex;align-items:center;gap:9px;border-radius:9px;font-weight:700;font-size:13px}.nav-active{background:#edf2ff!important;color:#2958d8!important}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:545px;align-items:center;gap:45px}.hero-copy{padding:40px 0}.hero-pill{display:inline-flex;align-items:center;gap:9px;background:#edf4ff;color:#2860c5;padding:10px 14px;border-radius:50px;font-weight:800;font-size:11px;letter-spacing:.9px}.dot,.live span{display:inline-block;width:7px;height:7px;background:#24b29a;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.3px}h1{font-size:53px;line-height:1.15;margin:25px 0 18px;font-weight:800}h1 em{font-style:normal;color:#3263de}.hero-copy>p{color:#7b8597;font-size:16px;line-height:1.9;max-width:500px;margin-bottom:27px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;background:#2f5cdb;color:#fff;padding:16px 24px;font-weight:800;font-size:14px;box-shadow:0 9px 20px #2f5cdb26}.primary:hover{background:#234dc5}.trust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#8c96a7;font-size:12px;margin-top:24px}.trust svg{color:#29b19d}.trust i{width:4px;height:4px;border-radius:50%;background:#c4ccda}.hero-art{position:relative;height:500px;display:grid;place-items:center}.art-glow{position:absolute;width:450px;height:400px;background:radial-gradient(circle,#d9e6ff 0%,#edf4ff 45%,transparent 71%);filter:blur(10px)}.art-card{position:relative;width:310px;transform:rotate(5deg);padding:12px;background:#fff;box-shadow:0 25px 75px #172b5b25;border-radius:21px}.art-avatar{aspect-ratio:1;background:linear-gradient(135deg,#d1e3f4,#a8bcd6);position:relative;overflow:hidden;border-radius:13px}.art-avatar img,.card-visual img,.placeholder img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.art-person,.card-person{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:135px;color:#6785af;background:radial-gradient(circle at 48% 40%,#eef0fa,#97b1d9)}.art-caption{padding:15px 5px 4px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#617088}.art-caption svg{margin-left:auto;color:#23b496}.avatar-dot{width:17px;height:17px;background:#5b8ee9;border-radius:50%}.floating{position:absolute;color:#e4ad4e;font-size:56px}.floating-one{top:80px;right:48px}.floating-two{bottom:90px;left:25px;font-size:35px}.campaigns-section{background:#f7f9fe;padding:75px 0 85px}.eyebrow{color:#3567e6;letter-spacing:2.2px;font-weight:800;font-size:11px;margin-bottom:12px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-header h2,.how h2{font-size:34px;margin:0 0 7px}.section-header p{margin:0;color:#8993a5;font-size:14px}.mode{border:1px solid #dbe4f1;border-radius:30px;padding:10px 14px;font-size:11px;color:#60708c;font-weight:700;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.campaign-card{background:#fff;border-radius:17px;overflow:hidden;border:1px solid #edf0f6;box-shadow:0 12px 27px #263d6b09;cursor:pointer;transition:transform .2s}.campaign-card:hover{transform:translateY(-6px)}.card-visual{height:245px;position:relative;overflow:hidden}.card-person{font-size:95px}.card-info{padding:23px}.live{color:#1e9a89;font-size:10px;letter-spacing:1px;font-weight:800}.card-info h3{font-size:18px;margin:13px 0 7px;letter-spacing:-.5px}.card-info p{font-size:13px;color:#96a1af;margin:0 0 24px}.card-info button{border:0;background:none;padding:0;font-weight:800;color:#325ee0;display:flex;justify-content:space-between;width:100%;font-size:12px}.how{padding-top:84px;padding-bottom:96px;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:left;margin-top:40px}.how-grid>div{border-top:2px solid #e9efff;padding-top:20px}.how-grid span{color:#3667de;font-size:27px;font-weight:800}.how-grid h3{font-size:17px;margin:12px 0}.how-grid p{color:#8994a6;font-size:13px;line-height:1.7}footer{border-top:1px solid #eff1f5}.foot{min-height:80px;display:flex;justify-content:space-between;align-items:center;color:#97a0ad;font-size:12px}.foot b{color:#273e65}.editor-page{padding-top:30px;padding-bottom:85px;min-height:75vh}.back{background:none;border:0;display:flex;align-items:center;gap:8px;color:#8390a6;font-weight:700;font-size:12px;padding:0}.editor-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 28px}.editor-heading h1,.admin h1{font-size:34px;margin:0 0 8px}.editor-heading p,.admin .section-header p{color:#8793a7;margin:0}.secondary{padding:13px 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;background:#fff;color:#516582;border:1px solid #dfe5f0;border-radius:10px;font-weight:800;font-size:12px}.editor-grid{display:grid;grid-template-columns:1fr .86fr;gap:35px;align-items:start}.preview-panel{background:#f7f9fe;padding:18px;border-radius:18px;border:1px solid #edf1fa}.preview-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:#667996;margin-bottom:14px}.preview-head span:first-child{display:flex;gap:8px;align-items:center}.preview-head span:last-child{font-weight:500;font-size:11px}.preview{width:100%;aspect-ratio:1;overflow:hidden;background:#e4ecfa;border-radius:12px;position:relative}.preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.preview canvas:active{cursor:grabbing}.placeholder{height:100%;position:relative}.placeholder-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#435779;gap:12px}.placeholder-overlay small{font-size:11px}.camera-circle{width:63px;height:63px;background:#ffffffcb;display:grid;place-items:center;border-radius:50%}.hint{text-align:center;color:#98a3b4;font-size:11px;padding:17px 0 4px}.panel{border:1px solid #e8edf6;border-radius:17px;background:#fff;padding:26px;box-shadow:0 10px 35px #2a417008}.controls h2{font-size:23px;letter-spacing:-.7px;margin:12px 0}.description{color:#8896aa;font-size:13px;line-height:1.7}.step{font-size:11px;color:#3262df;letter-spacing:1px;font-weight:800;margin:9px 0 15px}.step span{color:#9eabbc}.upload{width:100%;border:1px dashed #85a4ed;background:#f5f8ff;padding:19px 15px;border-radius:13px;display:flex;align-items:center;gap:14px;text-align:left;color:#3561ce;margin:19px 0 30px}.upload span{flex:1}.upload strong{display:block;color:#2e50a2;font-size:13px}.upload small{display:block;color:#95a2ba;font-size:11px;margin-top:5px}.control-group{padding:5px 0 18px}.control-title{display:flex;justify-content:space-between;font-size:12px;color:#627188;margin-bottom:13px}.control-title strong{color:#385cd0}.range-row{display:flex;align-items:center;gap:11px;color:#8b9bb7}input[type=range]{width:100%;accent-color:#315dde}.reset{border:0;background:none;color:#6f8097;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 28px;padding:0}.full{width:100%;margin:4px 0}.download{margin-bottom:10px}.disclaimer{color:#96a0b0;font-size:11px;line-height:1.6;text-align:center}.admin{padding-top:56px;padding-bottom:100px;min-height:78vh}.admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.panel h2{display:flex;align-items:center;gap:8px;margin:0 0 25px;font-size:20px}.form-panel label,.auth-box label{display:block;color:#53647e;font-size:12px;font-weight:800;margin-bottom:18px}.form-panel input,.auth-box input{display:block;width:100%;border:1px solid #dce3ef;border-radius:9px;margin-top:8px;padding:13px 14px;background:#fff;color:#263853}.form-panel input[type=file]{font-size:11px}.muted{color:#8c99ac}.small{font-size:11px}.campaign-list{display:grid;gap:13px}.campaign-row{display:flex;align-items:center;gap:12px;border:1px solid #eef1f5;border-radius:12px;padding:10px}.thumb{width:62px;height:62px;background:#cfdded;flex-shrink:0;border-radius:9px;overflow:hidden}.thumb img{width:100%;height:100%}.row-desc{flex:1;min-width:0}.row-desc strong,.row-desc small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-desc strong{font-size:13px}.row-desc small{color:#97a3b4;font-size:11px;margin-top:7px}.campaign-row button{background:#f5f7fb;border:0;border-radius:9px;padding:10px;color:#566b87}.campaign-row button:last-child{color:#d65c67}.count{background:#edf2ff;color:#4668d8;border-radius:20px;padding:4px 11px;font:700 12px DM Sans}.auth-box{padding:15px;border:1px solid #e0e9f9;border-radius:13px;margin-bottom:25px}.auth-box label{margin:0}.auth-box p{color:#8995a8;font-size:11px}.toast{position:fixed;bottom:24px;right:24px;background:#12305b;color:#fff;padding:15px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;z-index:100;box-shadow:0 20px 50px #142c5944;max-width:400px;font-size:13px}.admin-login{display:grid;place-items:center;min-height:calc(100vh - 165px);padding-top:40px}.login-panel{width:min(100%,430px);padding:38px}.login-panel h1{font-size:30px;margin:8px 0 10px}.login-panel label{display:block;color:#53647e;font-size:12px;font-weight:800;margin:25px 0 12px}.login-panel input{display:block;width:100%;border:1px solid #dce3ef;border-radius:9px;margin-top:8px;padding:14px;background:#fff;color:#263853}.login-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#edf2ff;color:#2958d8;margin-bottom:20px}.login-error{color:#c73e4d;background:#fff1f2;border:1px solid #ffd8dc;border-radius:9px;padding:11px 13px;font-size:12px}:root{--hbg-blue: #224086;--hbg-blue-dark: #172f67;--hbg-gold: #d9a65b;--hbg-gold-soft: #fbf4e9}.brand{padding:0}.brand-logo{display:block;width:174px;height:48px;object-fit:contain;object-position:left center}.nav-active{background:var(--hbg-gold-soft)!important;color:var(--hbg-blue)!important}.hero-pill{background:var(--hbg-gold-soft);color:var(--hbg-blue)}.dot,.live span{background:var(--hbg-gold)}h1 em,.eyebrow,.card-info button,.step,.control-title strong{color:var(--hbg-gold)}.primary{background:var(--hbg-blue);box-shadow:0 9px 20px #2240862b}.primary:hover{background:var(--hbg-blue-dark)}.trust svg{color:var(--hbg-gold)}.art-glow{background:radial-gradient(circle,#f2dfc2 0%,var(--hbg-gold-soft) 45%,transparent 71%)}.campaigns-section{background:#f8f9fc}.mode,.count{background:var(--hbg-gold-soft);color:var(--hbg-blue)}.upload{border-color:var(--hbg-gold);background:var(--hbg-gold-soft);color:var(--hbg-blue)}input[type=range]{accent-color:var(--hbg-blue)}.login-icon{background:var(--hbg-gold-soft);color:var(--hbg-blue)}footer{border:0;background:var(--hbg-blue)}.foot{min-height:130px;color:#ffffffc7;gap:32px}.foot-brand{display:flex;align-items:center;gap:16px}.foot-brand img{width:120px;height:48px;object-fit:contain;padding:6px 10px;background:#fff;border-radius:8px}.foot-brand b,.foot-brand span{display:block}.foot-brand b{color:#fff;font-size:13px;letter-spacing:.5px}.foot-brand span{color:var(--hbg-gold);margin-top:5px}.foot-contact{display:grid;grid-template-columns:auto auto auto;gap:7px 10px;text-align:right}.foot-contact a{color:#fff}.foot-contact a:nth-of-type(3),.foot-contact a:nth-of-type(4){grid-column:1 / -1}.foot-contact a:hover{color:var(--hbg-gold)}@media (max-width: 820px){.hero,.editor-grid,.admin-grid{grid-template-columns:1fr}.hero-art{height:350px}.hero{gap:0}.hero h1{font-size:43px}.cards{grid-template-columns:repeat(2,1fr)}.editor-heading{align-items:start;gap:20px}.editor-grid{max-width:620px;margin:auto}}@media (max-width: 560px){header{height:69px}.container,.header-inner{padding-left:18px;padding-right:18px}.brand{font-size:16px}.brand-logo{width:140px;height:40px}.brandmark{width:35px;height:35px}nav button{padding:9px;font-size:11px}.hero h1{font-size:39px}.hero-art{height:310px}.art-card{width:240px}.cards,.how-grid{grid-template-columns:1fr}.campaigns-section{padding:50px 0}.section-header{align-items:start}.section-header h2{font-size:27px}.mode{white-space:normal}.card-visual{height:300px}.editor-heading{flex-direction:column}.editor-heading h1{font-size:27px}.panel{padding:19px}.foot{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding-top:28px;padding-bottom:28px}.foot-contact{text-align:left}.preview-head{font-size:10px}.trust{font-size:11px}}