@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{color:#10203a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf2f6;font-family:Manrope,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0}a,button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.landing-shell,.dashboard-shell,.auth-screen,.public-screen{background:radial-gradient(circle at 0 0,#ffc7662e,#0000 22%),radial-gradient(circle at 85% 12%,#3979ff2e,#0000 22%),linear-gradient(135deg,#f2efe9 0%,#edf2f6 46%,#dbe4ec 100%);min-height:100vh;position:relative;overflow:hidden}.landing-shell,.dashboard-shell{padding:34px clamp(16px,4vw,56px) 56px}.auth-screen,.public-screen{place-items:center;padding:24px;display:grid}.ambient{filter:blur(20px);border-radius:999px;position:absolute}.ambient-one{background:#ffae4a38;width:220px;height:220px;top:64px;left:6%}.ambient-two{background:#3979ff24;width:280px;height:280px;bottom:8%;right:8%}.grid-lines{pointer-events:none;background-image:linear-gradient(#10203a0b 1px,#0000 1px),linear-gradient(90deg,#10203a0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000 88%);mask-image:linear-gradient(#00000080,#0000 88%)}.topbar,.hero,.workspace,.dashboard-topbar,.auth-card,.public-card{z-index:1;position:relative}.topbar,.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.logo-mark,.brand-lockup span{letter-spacing:.18em;text-transform:uppercase;color:#7f5c31;font-size:.82rem;font-weight:800}.project-title{align-content:start;align-items:start;gap:14px;min-height:224px;padding-left:2px;display:grid}.project-kicker{letter-spacing:.22em;text-transform:uppercase;color:#8b6a3f;font-size:.74rem;font-weight:800}.project-wordmark{letter-spacing:-.045em;color:#10203a;text-transform:uppercase;max-width:4.8ch;margin-top:20px;font-size:clamp(2.8rem,7vw,6.2rem);font-weight:800;line-height:.92;display:grid}.project-wordmark span{display:block}.topbar-actions,.hero-actions{align-items:center;gap:12px;display:flex}.topbar-actions{padding-top:26px}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:28px;margin-top:-54px;display:grid}.hero-copy{margin-top:0}.eyebrow,.section-heading span{letter-spacing:.18em;text-transform:uppercase;color:#7f5c31;font-size:.78rem;font-weight:800}.hero-copy h1,.dashboard-topbar h1,.auth-copy h1,.public-card h1{color:#10203a;letter-spacing:-.07em;margin:12px 0 14px}.hero-copy h1{max-width:640px;font-size:clamp(2.8rem,5.9vw,5.25rem);line-height:.92}.hero-text,.auth-copy p,.public-bio,.card-bio{color:#526175;line-height:1.75}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.hero-metrics div,.editor-panel,.profile-card,.qr-card,.auth-card,.public-card,.auth-panel,.auth-copy{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa3;border:1px solid #ffffff94;box-shadow:0 24px 80px #1e30461f}.hero-metrics div{border-radius:24px;padding:18px}.hero-metrics strong{color:#10203a;margin-bottom:6px;display:block}.hero-metrics span{color:#607086}.primary-link,.ghost-link,.primary-button,.secondary-button,.upload-button{border-radius:999px;justify-content:center;align-items:center;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-link,.primary-button{color:#f6f8fb;background:linear-gradient(135deg,#10203a 0%,#1f4678 100%);border:none;box-shadow:0 14px 34px #10203a33}.ghost-link,.secondary-button,.upload-button{color:#10203a;background:#ffffffb3;border:1px solid #10203a1a}.strong{font-weight:800}.workspace{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:start;gap:24px;margin-top:28px;display:grid}.editor-column{align-content:start;gap:24px;display:grid}.saved-preview-column{align-content:start;gap:18px;display:grid}.saved-preview-head{align-items:flex-start;gap:18px;display:flex}.download-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.preview-export-frame{background:#fff6;border:1px solid #ffffff80;border-radius:32px;padding:18px;box-shadow:inset 0 1px #ffffff57}.download-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff85;border:1px solid #ffffff8f;border-radius:28px;gap:16px;padding:22px 24px;display:grid;box-shadow:0 20px 60px #1e304614}.export-capture-root{pointer-events:none;width:0;height:0;position:fixed;top:0;left:-20000px;overflow:hidden}.export-capture-surface{box-sizing:border-box;background:radial-gradient(circle at 0 0,#ffc7662e,#0000 20%),radial-gradient(circle at 86% 12%,#3979ff29,#0000 24%),linear-gradient(135deg,#f2efe9 0%,#edf2f6 46%,#dbe4ec 100%);border-radius:40px;justify-content:center;align-items:center;width:1240px;min-height:1754px;padding:84px;display:flex}.export-capture-inner{width:100%;max-width:1072px;margin:0 auto}.export-capture-inner .preview-stack-export{gap:28px;width:100%}.export-capture-inner .profile-card-export,.export-capture-inner .qr-card-export{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:0 18px 48px #1e304614}.export-capture-inner .profile-card-export{padding:40px 42px 34px}.export-capture-inner .qr-card-export{padding:30px 32px 24px}.export-capture-inner .profile-card-export .card-header{align-items:flex-start;gap:20px}.export-capture-inner .profile-card-export .brand-lockup span{font-size:.82rem;line-height:1}.export-capture-inner .profile-card-export .brand-lockup strong{margin-top:10px;font-size:1.04rem;line-height:1.1}.export-capture-inner .profile-card-export h2{letter-spacing:-.06em;margin:30px 0 18px;font-size:5rem;line-height:1.02}.export-capture-inner .profile-card-export .card-role{margin:0 0 24px;font-size:1.16rem;line-height:1.28;display:block}.export-capture-inner .profile-card-export .card-bio{margin:0;font-size:.98rem;line-height:1.68}.export-capture-inner .profile-card-export .contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 24px;display:grid}.export-capture-inner .profile-card-export .contact-grid div{min-height:104px;padding:20px}.export-capture-inner .profile-card-export .contact-grid span{font-size:.79rem;line-height:1}.export-capture-inner .profile-card-export .contact-grid strong{margin-top:14px;font-size:.98rem;line-height:1.35}.export-capture-inner .profile-card-export .social-links{flex-wrap:wrap;justify-content:flex-start;gap:14px;display:flex}.export-capture-inner .profile-card-export .social-links a{white-space:nowrap;flex:none;align-items:center;gap:10px;min-height:54px;padding:13px 18px;font-size:.98rem;line-height:1.15;display:inline-flex}.export-capture-inner .profile-card-export .social-links a svg{flex:none}.export-capture-inner .qr-card-export .section-heading h3{margin-top:10px;font-size:1.16rem;line-height:1.15}.export-capture-inner .qr-card-export .qr-shell{place-items:center;min-height:284px;margin-top:20px;display:grid}.export-capture-inner .qr-card-export .qr-shell img{width:260px;max-width:260px}.export-capture-inner .qr-card-export .share-field{margin-top:18px;padding:15px 18px;font-size:1rem;line-height:1.2}.export-capture-inner .qr-card-export .share-field-static{white-space:nowrap;text-overflow:ellipsis;border-radius:18px;display:block;overflow:hidden}.draft-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b152457;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.draft-modal{background:#f7fafdeb;border:1px solid #ffffff9e;border-radius:32px;width:min(1100px,100%);max-height:calc(100vh - 48px);padding:28px;overflow:auto;box-shadow:0 28px 90px #0f1c2e38}.draft-modal-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.draft-modal .preview-stack{padding-top:0}.developer-footer{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border:1px solid #ffffff8f;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding:24px 28px;display:flex;position:relative;box-shadow:0 20px 60px #1e30461a}.developer-card h2{letter-spacing:-.05em;color:#10203a;margin:8px 0 10px;font-size:1.8rem}.developer-text{color:#5b6b80;margin:0;line-height:1.7}.developer-links{flex-wrap:wrap;gap:12px;display:flex}.developer-links a{color:#f4f7fb;background:#10203a;border-radius:999px;align-items:center;gap:10px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex}.editor-panel,.profile-card,.qr-card,.auth-card,.public-card{border-radius:32px}.editor-panel{padding:28px}.section-heading h2,.section-heading h3,.dashboard-topbar h1,.auth-copy h1{margin:10px 0 0;font-size:1.9rem}.avatar-upload-row{align-items:center;gap:16px;margin-top:12px;margin-bottom:24px;display:flex}.avatar-large,.avatar-shell,.public-avatar{color:#10203a;background:#10203a14;border-radius:28px;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar-large{width:104px;height:104px;font-size:2rem}.avatar-shell,.public-avatar{border-radius:24px;width:84px;height:84px}.avatar-large img,.avatar-shell img,.public-avatar img{object-fit:cover;width:100%;height:100%}.upload-button input{display:none}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-grid label,.form-stack label{gap:8px;display:grid}.field-grid label.full{grid-column:1/-1}.field-grid span,.form-stack span{color:#314257;font-size:.92rem;font-weight:700}.field-grid input,.field-grid textarea,.form-stack input,.share-field{color:#10203a;background:#ffffffdb;border:1px solid #10203a1f;border-radius:18px;width:100%;padding:14px 16px}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.theme-option{text-align:left;color:#10203a;background:#ffffffc7;border:1px solid #10203a1f;border-radius:20px;gap:14px;padding:16px;display:grid}.theme-option-meta{gap:4px;display:grid}.theme-option strong{font-size:.98rem}.theme-option small{color:#5f7085}.theme-option-preview{border:1px solid #10203a14;border-radius:18px;min-height:112px;padding:14px;position:relative;overflow:hidden}.theme-preview-bar{border-radius:999px;width:42%;height:8px;margin-bottom:14px}.theme-preview-title{border-radius:10px;width:72%;height:24px;margin-bottom:10px}.theme-preview-copy{border-radius:999px;width:88%;height:8px;margin-bottom:8px}.theme-preview-copy.short{width:58%}.theme-preview-pills{gap:8px;margin-top:16px;display:flex}.theme-preview-pills span{border-radius:999px;width:52px;height:20px}.theme-preview-signature{background:radial-gradient(circle at 0 0,#ffcc6f2e,#0000 30%),linear-gradient(145deg,#fbfdff 0%,#eef3f7 100%)}.theme-preview-signature .theme-preview-bar,.theme-preview-signature .theme-preview-title,.theme-preview-signature .theme-preview-copy{background:#10203a29}.theme-preview-signature .theme-preview-pills span{background:#10203a}.theme-preview-midnight{background:radial-gradient(circle at 100% 0,#ffb84c1f,#0000 28%),linear-gradient(145deg,#091423 0%,#10203a 58%,#183259 100%)}.theme-preview-midnight .theme-preview-bar{background:#ffb84ccc}.theme-preview-midnight .theme-preview-title,.theme-preview-midnight .theme-preview-copy{background:#eef5ff38}.theme-preview-midnight .theme-preview-pills span{background:#ffffff24}.theme-preview-spotlight{background:radial-gradient(circle at 0 0,#ffcc6f3d,#0000 30%),linear-gradient(#fffdf8 0%,#fff7e8 100%)}.theme-preview-spotlight .theme-preview-bar{background:#8b6a3fa6}.theme-preview-spotlight .theme-preview-title,.theme-preview-spotlight .theme-preview-copy{background:#10203a1f}.theme-preview-spotlight .theme-preview-pills span{background:#f1e1b6}.theme-option.active{background:linear-gradient(135deg,#10203a14,#ffc76629);border-color:#10203a66;box-shadow:0 12px 28px #10203a14}.field-grid textarea{resize:vertical;min-height:132px}.field-grid input:focus,.field-grid textarea:focus,.form-stack input:focus,.share-field:focus{border-color:#ffae4a99;outline:2px solid #ffae4a47}.form-stack{gap:16px;display:grid}.form-error,.form-success{border-radius:16px;margin:0;padding:12px 14px}.editor-panel .form-error,.editor-panel .form-success{margin-top:18px}.form-error{color:#9c2c2c;background:#bf333314}.form-success{color:#126043;background:#26855c1a}.auth-helper-text{color:#5f6f84;margin:-2px 0 0;font-size:.94rem;line-height:1.65}.inline-link,.back-link,.auth-footer a{color:#10203a;font-weight:700;text-decoration:none}.full-width{width:100%}.auth-card{grid-template-columns:minmax(0,.95fr) minmax(340px,.72fr);gap:18px;width:min(1040px,100%);padding:18px;display:grid}.auth-copy,.auth-panel{border-radius:28px;padding:28px}.auth-copy{flex-direction:column;justify-content:space-between;min-height:420px;display:flex}.auth-panel{align-content:center;display:grid}.auth-footer{color:#5f6f84;margin:18px 0 0}.preview-stack{align-content:start;gap:20px;height:fit-content;display:grid}.profile-card{background:radial-gradient(circle at 100% 0,#ffb64f33,#0000 24%),linear-gradient(145deg,#f8fbfe 0%,#eef3f7 100%);height:fit-content;padding:28px}.card-header,.public-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-lockup strong{color:#10203a;margin-top:8px;font-size:1rem;display:block}.profile-card h2,.public-card h1{margin:20px 0 10px;font-size:clamp(2.8rem,7vw,5rem);line-height:.92}.card-role,.public-role{color:#183259;margin:0 0 20px;font-size:1.18rem;font-weight:800}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.contact-grid div{background:#10203a0d;border-radius:22px;padding:18px}.contact-grid span{color:#66758a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.contact-grid strong{color:#10203a;word-break:break-word;margin-top:12px;display:block}.social-links{align-items:stretch;gap:12px}.social-links-inline{flex-wrap:wrap;justify-content:flex-start;display:flex}.social-links-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.social-links a{color:#f3f7fb;background:#10203a;border-radius:999px;justify-content:flex-start;align-items:center;gap:10px;min-height:52px;padding:12px 16px;text-decoration:none;display:inline-flex}.social-links-inline a{flex:none}.social-links-grid a{width:100%}.qr-card{height:fit-content;padding:24px}.profile-card-signature{background:radial-gradient(circle at 100% 0,#ffb64f33,#0000 24%),linear-gradient(145deg,#f8fbfe 0%,#eef3f7 100%)}.profile-card-midnight{color:#eef5ff;background:radial-gradient(circle at 100% 0,#ffb84c24,#0000 24%),linear-gradient(145deg,#091423 0%,#10203a 58%,#183259 100%)}.profile-card-midnight .brand-lockup strong,.profile-card-midnight .card-role,.profile-card-midnight .card-bio,.profile-card-midnight .contact-grid strong,.profile-card-midnight .contact-grid span{color:inherit}.profile-card-midnight .avatar-shell{color:#eef5ff;background:#ffffff1a}.profile-card-midnight .contact-grid div{background:#ffffff14}.profile-card-midnight .social-links a{color:#f3f7fb;background:#ffffff1a}.profile-card-spotlight{background:radial-gradient(circle at 0 0,#ffcc6f3d,#0000 26%),linear-gradient(#fffdf8 0%,#fff7e8 100%)}.profile-card-spotlight .avatar-shell{background:linear-gradient(135deg,#ffc76647,#10203a14)}.profile-card-spotlight .social-links a{color:#10203a;background:#f1e1b6}.qr-card-midnight{background:linear-gradient(145deg,#081221d6,#11213ae0);border-color:#ffffff1f}.qr-card-midnight .section-heading h3,.qr-card-midnight .section-heading span,.qr-card-midnight .share-field{color:#eef5ff}.qr-card-midnight .qr-shell{background:linear-gradient(135deg,#ffffff14,#ffffff05),#ffffff0a}.qr-card-midnight .share-field{background:#ffffff14;border-color:#ffffff1f}.qr-card-spotlight{background:linear-gradient(#ffffffeb,#fffbf1e0)}.qr-shell{background:linear-gradient(135deg,#10203a0f,#ffffffeb),#fff;border-radius:28px;place-items:center;min-height:260px;margin-top:18px;display:grid}.qr-shell img{width:min(100%,260px)}.share-field{margin-top:16px}.share-row{align-items:center;gap:12px;margin-top:16px;display:flex}.share-row .share-field{margin-top:0}.share-copy-button{white-space:nowrap;flex:none;min-width:118px}.action-row{gap:12px;margin-top:22px;display:flex}.public-card{width:min(980px,100vw - 64px);padding:36px}.public-card-signature{background:#ffffffa3}.theme-midnight{background:radial-gradient(circle at 0 0,#ffa44c2e,#0000 18%),radial-gradient(circle at 82% 12%,#5583ff33,#0000 22%),linear-gradient(145deg,#081221 0%,#10203a 44%,#183259 100%)}.public-card-midnight{color:#eef5ff;background:radial-gradient(circle at 100% 0,#ffb84c24,#0000 24%),linear-gradient(145deg,#081221d6,#11213ae0);border-color:#ffffff1f}.public-card-midnight h1,.public-card-midnight .public-role,.public-card-midnight .public-card-head .ghost-link,.public-card-midnight .public-card-head .eyebrow,.public-card-midnight .public-bio,.public-card-midnight .contact-grid strong,.public-card-midnight .contact-grid span{color:inherit}.public-card-midnight .contact-grid div{background:#ffffff14}.public-card-midnight .social-links a{color:#f3f7fb;background:#ffffff1a}.theme-spotlight{background:radial-gradient(circle at 0 0,#ffcc6f47,#0000 24%),linear-gradient(135deg,#fff9ef 0%,#f6f7fb 40%,#edf2f7 100%)}.public-card-spotlight{background:linear-gradient(#ffffffeb,#fffbf1e0)}.public-card-spotlight .public-avatar{background:linear-gradient(135deg,#ffc76647,#10203a14);border-radius:32px;width:104px;height:104px}.public-card-spotlight .social-links a{color:#10203a;background:#f1e1b6}.public-card.minimal{width:min(520px,100%)}@media (max-width:980px){.hero,.workspace,.auth-card,.contact-grid{grid-template-columns:1fr}.public-card{width:min(820px,100vw - 40px);padding:28px}.developer-footer,.dashboard-topbar,.card-header,.public-card-head,.saved-preview-head{flex-direction:column;align-items:flex-start}.download-actions{justify-content:flex-start}}@media (max-width:720px){.landing-shell,.dashboard-shell,.auth-screen,.public-screen{padding:18px 14px 40px}.field-grid,.hero-metrics,.theme-picker{grid-template-columns:1fr}.hero-actions,.action-row,.avatar-upload-row,.download-actions,.share-row{flex-direction:column;align-items:stretch}.topbar{grid-template-columns:1fr auto;align-items:start;gap:14px 12px;display:grid}.topbar-actions{flex-direction:row;flex:none;grid-area:1/2;justify-content:flex-end;align-items:center;width:fit-content;padding-top:2px}.topbar-actions .ghost-link,.topbar-actions .primary-link{min-width:96px;padding:11px 16px;font-size:.96rem}.project-title{grid-area:2/1/auto/-1;gap:8px;min-width:0;min-height:0;padding-top:2px}.profile-card h2,.public-card h1,.hero-copy h1{font-size:3rem}.public-card h1{letter-spacing:-.05em;white-space:nowrap;font-size:2.5rem;line-height:.98}.project-wordmark{letter-spacing:-.04em;max-width:4.7ch;font-size:2.85rem;line-height:.88}.project-kicker{letter-spacing:.2em;font-size:.7rem}.hero{margin-top:14px}.hero-copy{margin-top:0}.editor-panel,.profile-card,.qr-card,.auth-card,.auth-copy,.auth-panel,.public-card{border-radius:24px;padding:22px}.auth-card{gap:14px}.auth-copy{justify-content:flex-start;gap:20px;min-height:auto}.auth-copy p{margin:0}.auth-panel{align-content:start}.public-card-head{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.public-card-head .ghost-link{align-self:auto;margin-left:auto}.public-card{width:min(100%,100vw - 20px)}.developer-footer{border-radius:24px;margin-top:28px;padding:20px}.draft-modal{border-radius:24px;padding:20px}.preview-export-frame{border-radius:24px;padding:12px}.draft-modal-head{flex-direction:column}}
