@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--brand:#6846f5;--brand-soft:#ede7ff;--brand-deep:#543ad1;--ink:#151b33;--muted:#8a91aa;--line:#e9edf4;--white:#fff;--radius:24px;--shadow:0 10px 40px rgba(36,42,98,.07);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:#f6f8fd;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3,strong{font-family:'Outfit',sans-serif}h1{font-size:35px;letter-spacing:-1.5px;line-height:1.08;font-weight:800}h2{letter-spacing:-.5px}p{line-height:1.6}.ambient{position:fixed;pointer-events:none;filter:blur(75px);opacity:.18;z-index:-1;border-radius:50%;width:320px;height:320px}.ambient-a{background:#a388ff;left:calc(50% - 620px);top:8vh}.ambient-b{background:#9ed9ff;right:calc(50% - 630px);top:60vh}.phone-shell{max-width:454px;margin:auto;min-height:100dvh;background:#fff;box-shadow:0 12px 70px rgba(21,27,60,.1);position:relative}.mobile-page{min-height:100dvh;padding-bottom:88px;overflow:hidden}.wrap{padding:28px 25px 30px}.grow{flex:1;min-width:0}.muted,.small-muted{color:#8c93aa}.small-muted{font-size:13px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:var(--brand);display:block}.ink-gradient{background:linear-gradient(125deg,var(--brand),#aa67fa);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title{font-size:20px;font-weight:800;letter-spacing:-.6px}.page-head{padding:19px 0 20px}.page-head h1{margin:11px 0 7px}.page-head p{color:var(--muted);font-size:13px;margin:0}.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;font-size:13px;font-weight:800;border:1px solid transparent;border-radius:15px;transition:transform .2s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn span{font-size:18px}.btn-primary{color:#fff;background:linear-gradient(125deg,color-mix(in srgb,var(--brand) 72%,#fff),var(--brand));box-shadow:0 7px 17px color-mix(in srgb,var(--brand) 20%,transparent)}.btn-outline{border-color:#e2e3ed;background:white;color:var(--ink)}.btn-white{background:white;color:var(--brand)}.btn-small{min-height:38px;padding:9px 14px;font-size:12px}.btn-block{display:flex;width:100%}.stack{display:flex;flex-direction:column;gap:17px}.stack.short-gap{gap:11px}.stack label,.editor-card label,.settings-content label{font-size:12px;font-weight:800;display:grid;gap:8px;color:#313850}.stack input:not([type=checkbox]):not([type=radio]),.stack textarea,.stack select,.settings-content input:not([type=radio]),.settings-content textarea,select,.search-input{width:100%;padding:13px 15px;min-height:49px;border:1px solid #e4e9f2;border-radius:13px;outline:none;background:#fafbff;color:var(--ink);font-size:13px;transition:border-color .2s}.stack input:focus,.stack textarea:focus,.stack select:focus,.settings-content input:focus{border-color:var(--brand)}input[type=file]{padding:9px!important;background:white!important}textarea{resize:vertical}.flash{position:relative;margin:15px 22px 0;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:700;background:#e8f9f2;color:#06724d;border:1px solid #bcf1d6}.flash.error{color:#9a2432;background:#fff2f3;border-color:#ffe0e2}.back-link{display:inline-flex;align-items:center;gap:8px;color:#30384c;font-size:13px;font-weight:700;margin-bottom:14px}.footnote{text-align:center;font-size:10px;color:#a6aabd;margin-top:30px}.empty-state{background:#f8f9fd;padding:28px 22px;border-radius:19px;color:#8790a6;text-align:center;font-size:13px;line-height:1.55}.quiet-link{display:block;font-size:12px;color:var(--brand);text-align:center;font-weight:800;padding:9px}.subtle-link{display:block;margin:20px 0;color:var(--brand);font-size:13px;font-weight:700}.divider-text{text-align:center;font-size:12px;color:#a2a6b6}.installer{padding-top:60px}.installer h1{margin:15px 0}.installer code{color:var(--brand)}
/* GLOBAL BOTTOM NAV */
.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,454px);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid #eef0f6;backdrop-filter:blur(16px);padding:10px 10px calc(12px + env(safe-area-inset-bottom))}.nav-item{display:grid;gap:3px;place-items:center;color:#a0a6b7;font-weight:700}.nav-icon{font-size:24px;line-height:1.15;font-family:'Outfit',sans-serif}.nav-item small{font-size:10px}.nav-item.active{color:var(--brand)}.nav-item.active .nav-icon{border-radius:13px;background:var(--brand-soft);padding:2px 10px;margin-top:-2px}
/* PUBLIC CHOOSE */
.brand-mark{width:50px;height:50px;border-radius:17px;background:var(--brand);display:grid;place-items:center;color:white;font-size:29px;margin-bottom:30px}.choose-page h1{font-size:44px;margin:12px 0}.choose-page p.muted{font-size:13px}.abstract-banner{height:195px;background:linear-gradient(135deg,#f6f3ff,#d8deff 60%,#fce6ff);border-radius:24px;position:relative;overflow:hidden;margin:28px 0}.abstract-banner>span{position:absolute;left:22px;bottom:22px;font-family:Outfit;font-size:32px;line-height:1;font-weight:900;letter-spacing:-1px;color:#2f2a67;z-index:2}.geom-circle{position:absolute;right:-30px;top:-50px;width:180px;height:180px;border:28px solid #9b83ff;border-radius:50%}.geom-star{position:absolute;color:#ff97bc;font-size:120px;top:50px;right:75px;transform:rotate(-15deg)}.geom-ring{position:absolute;right:0;bottom:-70px;width:140px;height:140px;border:35px solid rgba(83,126,242,.25);border-radius:50%}.count-pill{background:#f2efff;font-size:10px;padding:6px 10px;border-radius:20px;color:var(--brand);vertical-align:middle}.org-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.org-card strong{font-size:15px;display:block}.org-card small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.org-logo{width:43px;height:43px;object-fit:contain;border-radius:13px;background:#f5f4ff;padding:5px;flex-shrink:0}.circle-arrow{display:grid;place-items:center;width:32px;height:32px;background:#f1efff;color:var(--brand);border-radius:50%;font-weight:900}
/* WELCOME + LOGIN */
.welcome-page{position:relative;min-height:calc(100dvh - 88px);padding:26px 26px 30px;display:flex;flex-direction:column}.welcome-top{display:flex;gap:10px;align-items:center;z-index:2;font-size:12px;font-weight:900}.welcome-top .mini-link{margin-left:auto;color:var(--brand)}.welcome-abstract{position:absolute;top:40px;left:0;width:100%;height:60%;overflow:hidden}.abstract-shape{position:absolute;border-radius:34px;transform:rotate(38deg);opacity:.6}.shape-one{height:180px;width:420px;background:linear-gradient(90deg,#f4e7ff,#d9e4ff);left:75px;top:0}.shape-two{height:220px;width:110px;background:linear-gradient(#c7b7ff,#e8e2ff);left:-56px;top:110px}.shape-three{height:110px;width:370px;background:linear-gradient(110deg,#d9ecff,#d6b8ff);right:-80px;top:315px}.welcome-photo{margin:25px -12px 0;height:39dvh;min-height:230px;max-height:385px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:29px;z-index:1;mask-image:linear-gradient(black 68%,transparent)}.welcome-content{z-index:3;margin-top:-10px}.welcome-content h1{font-size:45px;line-height:1.02;max-width:340px;margin:11px 0}.welcome-content p{font-size:13px;color:#7f879e;margin-bottom:20px}.welcome-content .btn{display:flex;width:100%}.welcome-content .quiet-link{margin-top:10px}.auth-page{padding-top:20px}.auth-art{height:170px;background-position:center;background-size:cover;border-radius:26px;margin:2px 0 22px;overflow:hidden}.auth-brand{display:flex;gap:11px;align-items:center;font-family:Outfit;font-weight:800;font-size:14px;margin-bottom:22px}.auth-page h1{margin-bottom:8px}.auth-page .muted{font-size:13px}.form-card{margin-top:23px}.password-wrap{position:relative}.password-wrap input{padding-right:54px!important}.password-toggle{position:absolute;right:7px;top:6px;height:36px;width:38px;border:0;background:transparent;color:#8d93a5}.auth-alt{text-align:center;color:#9197aa;font-size:12px;margin-top:25px}.auth-alt a{color:var(--brand);font-weight:800}
/* DASHBOARD */
.topbar{display:flex;align-items:center;gap:12px;padding:8px 0 20px}.greeting-avatar,.member-avatar,.profile-avatar{background:linear-gradient(145deg,var(--brand),#9ecaff);color:white;display:grid;place-items:center;border-radius:17px;font-family:Outfit;font-weight:800}.greeting-avatar{width:44px;height:44px;overflow:hidden}.greeting-avatar img,.member-avatar img,.profile-avatar img{height:100%;width:100%;object-fit:cover}.topbar small{font-size:9px;color:#959aad;font-weight:900;letter-spacing:1.25px}.topbar h3{margin:1px 0 0;font-size:20px}.topbar-icon{background:#f7f8fb;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:21px}.hero-card{position:relative;height:252px;border-radius:24px;overflow:hidden;background:linear-gradient(140deg,var(--brand),#abb6ff);color:white}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 85%,#191347),rgba(64,41,146,.55) 46%,transparent 100%)}.hero-geometric{position:absolute;width:200px;height:300px;border:60px solid rgba(255,255,255,.25);right:-90px;top:-80px;transform:rotate(40deg);z-index:1}.hero-content{position:absolute;z-index:2;left:23px;top:25px;right:90px}.hero-content .eyebrow{color:#f2e6ff}.hero-content h1{font-size:31px;margin:16px 0 9px;line-height:1.05}.hero-content em{font-style:normal;color:#f3c5ff}.hero-content p{font-size:11px;color:#ece1ff;margin-bottom:16px;line-height:1.45}.inline-intro{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.inline-intro h2{margin:0 0 4px}.inline-intro p{margin:0}.bubble-stat{background:#eef6ff;color:var(--brand);padding:8px 11px;border-radius:24px;font-size:10px;font-weight:800}.shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shortcut{min-height:125px;padding:17px;border-radius:18px;display:flex;flex-direction:column;position:relative;overflow:hidden}.shortcut:after{content:"";position:absolute;right:-18px;bottom:-38px;width:100px;height:100px;border:17px solid rgba(255,255,255,.45);border-radius:36px;transform:rotate(45deg)}.shortcut-ico{font-size:30px;line-height:30px;margin-bottom:18px;font-weight:900}.shortcut strong{font-size:16px}.shortcut small{font-size:10px;margin-top:4px}.shortcut.purple{background:#f1ebff;color:#6f43dc}.shortcut.peach{background:#fff1ef;color:#e66f66}.shortcut.blue{background:#e9f4ff;color:#3285d7}.shortcut.mint{background:#e8faf4;color:#2b9874}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px}.section-heading h2{margin:0}.section-heading a{color:var(--brand);font-size:11px;font-weight:900}.event-list{display:grid;gap:12px}.event-row{border:1px solid #eef0f6;border-radius:17px;display:flex;align-items:center;padding:9px;gap:13px;background:white}.event-row img{width:81px;height:76px;object-fit:cover;border-radius:11px}.event-row strong,.news-line strong{display:block;font-size:13px;line-height:1.25;margin:3px 0}.event-row small,.news-line small{display:block;font-size:10px;color:var(--muted)}.right-chevron{color:var(--brand);font-weight:800}.news-line{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.news-dot{width:11px;height:11px;border:3px solid var(--brand);border-radius:50%}.exco-promo{display:flex;align-items:center;gap:13px;margin:26px 0 10px;padding:17px;border-radius:18px;background:#f3f0ff;color:var(--brand)}.exco-promo>span:first-child{font-size:26px}.exco-promo strong{display:block;font-size:14px}.exco-promo small{display:block;font-size:10px}
/* EVENTS */
.category-chips{display:flex;gap:9px;overflow-x:auto;padding-bottom:17px;scrollbar-width:none}.chip{background:#f6f7fa;border:0;border-radius:30px;color:#778095;white-space:nowrap;font-size:11px;font-weight:800;padding:10px 15px}.chip.active{color:white;background:var(--brand)}.event-cards{display:grid;gap:16px}.activity-card{border-radius:20px;border:1px solid var(--line);overflow:hidden;background:white;box-shadow:var(--shadow)}.activity-pic{height:193px;position:relative;background:#eeebff}.activity-pic>img{width:100%;height:100%;object-fit:cover}.date-cube{position:absolute;top:12px;left:12px;width:54px;height:58px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-cube b{font-family:Outfit;font-size:23px}.date-cube small{font-size:11px;color:var(--brand);font-weight:900}.status-tag{position:absolute;right:12px;top:14px;background:var(--brand);color:white;border-radius:16px;padding:6px 10px;font-size:9px;font-weight:900}.activity-content{padding:17px}.activity-content>strong{font-size:18px;display:block;margin-bottom:9px}.activity-content>small{display:block;font-size:11px;color:#7f879d;margin:5px 0}.card-bottom{margin-top:14px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a859d}.detail-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:1px;color:var(--brand)}.detail-cover{height:230px;border-radius:24px;overflow:hidden;margin-bottom:24px}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-info{display:grid;gap:12px;padding:17px 0;margin-bottom:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#737c96;font-size:12px}.readable{color:#6e7791;font-size:13px;line-height:1.75;overflow-wrap:anywhere}.detail-info~h2{margin-top:22px}
/* ANNOUNCEMENTS, GALLERY, MEMBERS, DOCUMENTS */
.announcement-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;margin-bottom:15px}.announcement-img{height:185px;width:100%;object-fit:cover}.announcement-content{padding:20px}.announcement-content h2{font-size:19px;margin:10px 0}.announcement-content p{margin-bottom:0}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.photo{border-radius:15px;overflow:hidden;position:relative;background:#f4f3fa;margin:0}.photo img{width:100%;height:200px;object-fit:cover}.photo figcaption{position:absolute;bottom:0;width:100%;color:#fff;background:linear-gradient(transparent,rgba(5,8,20,.8));font-size:11px;font-weight:800;padding:23px 10px 11px}.search-input{margin-bottom:20px!important}.member-list{display:grid;gap:12px}.member-row,.document-row{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:16px}.member-avatar{height:46px;width:46px;flex-shrink:0}.member-row strong,.document-row strong{display:block;font-size:13px}.member-row small,.document-row small{display:block;font-size:10px;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.role-pill{display:inline-block;color:var(--brand);background:var(--brand-soft);text-transform:uppercase;font-size:9px;font-weight:900;padding:7px 10px;border-radius:9px}.doc-icon{width:43px;height:46px;background:#f0ebff;color:var(--brand);display:grid;place-items:center;border-radius:11px;font-size:25px}.document-row{margin-bottom:12px}
/* PROFILE */
.profile-identity{text-align:center;border:1px solid var(--line);padding:18px;border-radius:22px;margin-bottom:16px}.profile-avatar{margin:auto auto 12px;width:75px;height:75px;font-size:25px;border-radius:23px;overflow:hidden}.profile-identity strong{display:block;font-size:19px}.profile-identity>span{display:block;color:var(--muted);font-size:11px;margin:5px}.profile-identity .role-pill{display:inline-block;color:var(--brand);margin-top:9px}.membership-card{color:#fff;background:linear-gradient(130deg,var(--brand),var(--brand-deep));padding:22px;border-radius:21px;min-height:148px;margin-bottom:21px;position:relative;overflow:hidden}.membership-card .eyebrow{color:#dcd0ff}.membership-card h3{margin:25px 0 5px;font-size:20px;position:relative;z-index:1}.membership-card small{position:relative;z-index:1}.membership-geom{position:absolute;right:-30px;top:-60px;width:220px;height:220px;border:45px solid rgba(255,255,255,.15);border-radius:46px;transform:rotate(45deg)}.settings-group{border:1px solid var(--line);border-radius:17px;margin-bottom:12px;overflow:hidden}.settings-group summary{list-style:none;padding:18px 17px;font-size:13px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.settings-group summary::-webkit-details-marker{display:none}.settings-content{padding:0 16px 18px}.settings-content .small-muted{margin:0}.mini-preview{width:84px;height:84px;object-fit:cover;border:1px solid var(--line);border-radius:17px}.color-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-option{border:1px solid #e9edf7;padding:12px 5px;text-align:center;border-radius:14px;cursor:pointer;display:grid!important;place-items:center;gap:7px!important}.color-option input{position:absolute;opacity:0;width:1px;height:1px}.color-option:has(input:checked){border:2px solid var(--brand);background:var(--brand-soft)}.swatch{height:36px;width:36px;border-radius:50%;background:var(--swatch);box-shadow:inset 3px 5px 10px #ffffff50}.color-option small{font-size:10px}.theme-actions{display:flex;flex-direction:column;gap:9px}.profile-links{border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:22px 0}.profile-links a{display:flex;gap:13px;padding:17px;align-items:center;border-bottom:1px solid var(--line);color:var(--brand);font-weight:700}.profile-links a span{flex:1;color:var(--ink);font-size:12px}.profile-links a:last-child{border-bottom:0}.logout-form{margin-top:20px}
/* ADMIN UI */
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.stat{background:#f6f5ff;border-radius:15px;padding:16px 12px}.stat b{font-family:Outfit;font-size:25px;display:block;color:var(--brand)}.stat small{font-size:10px;color:#858da1}.admin-menu{border:1px solid var(--line);border-radius:19px;overflow:hidden}.admin-menu>a{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--brand)}.admin-menu>a:last-child{border-bottom:0}.admin-menu strong{display:block;color:var(--ink);font-size:13px}.admin-menu small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.admin-menu-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.admin-menu-icon.theme,.admin-menu-icon.purple{background:#eee9ff;color:#6846f5}.admin-menu-icon.peach{background:#fff0ed;color:#e5776e}.admin-menu-icon.blue{background:#eaf3ff;color:#438bdf}.admin-menu-icon.mint{background:#e6f8ef;color:#28a078}.editor-card{background:white;border:1px solid var(--line);padding:18px;border-radius:19px;display:grid;gap:17px;margin-bottom:16px}.editor-card h2{font-size:15px;margin:0 0 6px}.color-editor{display:flex;align-items:center;gap:15px}.color-editor input{width:65px;height:62px;padding:5px!important;border:1px solid var(--line);background:white;border-radius:14px;cursor:pointer}.color-editor strong{display:block;font-size:13px}.color-editor small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.preset{background:var(--swatch);border:3px solid #fff;box-shadow:0 0 0 1px var(--line);height:36px;width:36px;border-radius:50%}.theme-preview{background:linear-gradient(120deg,var(--brand),var(--brand-deep));padding:17px;border-radius:15px;color:#fff;display:grid;gap:6px}.theme-preview span{font-size:9px;letter-spacing:1px}.theme-preview strong{font-size:18px}.theme-preview small{font-size:9px}.upload-preview{height:150px;object-fit:cover;width:100%;border-radius:13px;background:#f5f5fc;border:1px solid var(--line)}.list-header{margin:27px 0 15px}.manage-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.manage-row strong{font-size:13px;display:block}.manage-row small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.tiny-btn{border:1px solid var(--line);background:white;padding:7px 10px;border-radius:10px;font-size:10px;color:var(--brand);font-weight:900;white-space:nowrap}.tiny-btn.danger{color:#d35467}.manage-photo{padding-bottom:12px}.manage-photo img{height:115px}.manage-photo small{display:block;font-size:10px;padding:9px}.manage-photo form{margin-left:8px}.member-admin{padding:16px 0;border-bottom:1px solid var(--line);display:grid;gap:11px}.member-admin strong{display:block;font-size:13px}.member-admin small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.member-controls{display:flex;gap:8px}.member-controls select{padding:8px!important;min-height:32px!important;font-size:11px!important}.org-manage-card{border:1px solid var(--line);border-radius:18px;margin-bottom:14px;padding:16px;display:grid;gap:11px}.org-manage-head strong{display:block}.org-manage-head small{font-size:11px;color:var(--muted)}.org-manage-card details{border-top:1px solid var(--line);padding-top:12px}.org-manage-card summary{font-size:11px;color:var(--brand);font-weight:800;cursor:pointer}.org-manage-card details form{margin-top:14px}.big-symbol{font-size:100px;color:var(--brand)}.empty-page{text-align:center;padding-top:90px}.empty-page p{color:var(--muted)}
@media(min-width:550px){body{padding:35px 0}.phone-shell{min-height:840px;border-radius:35px;overflow:hidden}.mobile-page{min-height:840px}.bottom-nav{border-radius:0 0 30px 30px}}
@media(max-width:360px){.wrap{padding:23px 17px}.welcome-page{padding-left:18px;padding-right:18px}.hero-content{right:65px}.hero-content h1{font-size:26px}.shortcuts{gap:9px}.shortcut{padding:12px}.color-swatches{gap:6px}}

/* v1.4 | Refined white floating bottom navigation and uniform inline SVG icons. */
.ui-icon{width:22px;height:22px;display:inline-block;flex-shrink:0;vertical-align:middle;stroke:currentColor}
.bottom-nav{background:rgba(255,255,255,.975);border-top:1px solid #edf0f6;box-shadow:0 -8px 30px rgba(24,36,70,.045);padding:9px 10px calc(12px + env(safe-area-inset-bottom));gap:2px}
.nav-item{min-height:56px;gap:3px;color:#9199ad;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:color .15s ease;position:relative;font-weight:700;text-decoration:none}
.nav-icon{display:grid;place-items:center;width:42px;height:34px;border-radius:13px;transition:background .18s,transform .18s;font-size:0}
.nav-icon .ui-icon{width:22px;height:22px;stroke-width:1.85}
.nav-item small{font-size:10px;line-height:1.25;letter-spacing:.03px}
.nav-item.active{color:var(--brand)}.nav-item.active .nav-icon{background:var(--brand-soft);padding:0;margin:0;transform:translateY(-1px)}
.nav-item.active .nav-icon .ui-icon{stroke-width:2.35}
.nav-item:focus-visible,.icon-action:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.finance-page{padding-bottom:115px}.finance-page .page-head h1{font-size:37px}.finance-page .page-head{padding-bottom:18px}
.finance-info{padding:22px;background:linear-gradient(118deg,#f4f0ff,#f2f8ff);border:1px solid #ece8ff;border-radius:23px;margin:4px 0 24px;position:relative;overflow:hidden}
.finance-info::after{content:'';position:absolute;width:130px;height:130px;right:-60px;top:-58px;border:24px solid color-mix(in srgb,var(--brand) 18%,white);border-radius:50%;pointer-events:none}
.finance-info-top{display:flex;align-items:center;gap:13px;margin-bottom:12px}.finance-info-top>span:first-child{width:42px;height:42px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:13px}.finance-info strong{display:block;font-size:18px;margin-bottom:8px}.finance-info p{font-size:12px;color:#657087;line-height:1.6;margin:0;max-width:270px}
.fee-card{border:1px solid #e9edf4;background:white;box-shadow:0 6px 22px rgba(34,39,75,.04);padding:14px;border-radius:18px;display:flex;gap:12px;align-items:center;margin:0 0 12px}.fee-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.fee-symbol .ui-icon{width:25px;height:25px}.fee-card strong,.checkout-product strong{display:block;font-size:14px}.fee-card small,.checkout-product small{display:block;font-size:11px;color:#8a91aa;margin:5px 0;line-height:1.4}.fee-card b,.checkout-product b{display:block;font-size:14px;color:var(--brand)}.icon-action{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.icon-action .ui-icon{width:18px}
.status-chip{font-size:10px;white-space:nowrap;padding:6px 9px;border-radius:9px;background:#fff1dd;color:#ac6818;font-weight:800;display:inline-flex;align-items:center;gap:4px}.status-chip.approved{background:#e4f8ef;color:#148452}.status-chip.rejected{background:#ffecf0;color:#c93b5d}
.payment-line{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.payment-line strong{font-size:13px;display:block}.payment-line small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.payment-right{text-align:right;display:grid;justify-items:end;gap:6px}.payment-right b{font-size:12px}
.shop-hero{height:185px;background:linear-gradient(128deg,#eee8ff 15%,#e5eeff 66%,#fff2fa);border-radius:23px;padding:21px 22px;position:relative;overflow:hidden;margin:5px 0 22px}.shop-hero h2{font-size:35px;letter-spacing:-1.5px;line-height:.99;margin:16px 0;color:#25294d;position:relative;z-index:1}.shop-hero h2 span{color:var(--brand)}.shop-hero>.ui-icon{position:absolute;right:23px;bottom:22px;color:var(--brand);height:62px;width:62px;stroke-width:1.25;transform:rotate(-10deg)}.shop-geom{position:absolute;width:180px;height:180px;top:-100px;right:-20px;border:35px solid #bbaeff;border-radius:45px;transform:rotate(40deg);opacity:.5}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-card{display:grid;align-content:start;gap:6px;min-width:0}.product-photo{border-radius:20px;overflow:hidden;background:#f5f5fc;border:1px solid #f0f0f4;aspect-ratio:1/1}.product-photo img{width:100%;height:100%;object-fit:cover}.product-card strong{font-size:13px;line-height:1.3;margin-top:5px}.product-card b{color:var(--brand);font-size:13px}.product-card small{font-size:10px;color:var(--muted)}
.checkout-product{display:flex;gap:13px;align-items:center;background:#f9faff;border:1px solid #edf0f7;border-radius:18px;padding:13px;margin-bottom:19px}.checkout-product img{height:70px;width:70px;border-radius:13px;object-fit:cover}.bank-panel,.order-details,.receipt-sheet{padding:20px;border:1px solid #e8ecf5;border-radius:20px;margin:0 0 23px;background:white}.bank-panel h3{font-size:18px;margin:10px 0 18px}.payment-qr{width:min(215px,100%);height:auto;max-height:235px;object-fit:contain;border-radius:13px;margin:0 auto 19px;background:white}.bank-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #f0f2f6}.bank-line small{color:var(--muted);font-size:11px;flex:1 0 105px}.bank-line strong{font-size:13px;overflow-wrap:anywhere}.bank-line .tiny-btn{flex-shrink:0}.bank-number{letter-spacing:.5px}.checkout-form{margin-top:22px}.checkout-total{padding:17px;display:flex;align-items:center;justify-content:space-between;background:var(--brand-soft);border-radius:15px;gap:7px}.checkout-total span{font-size:12px;font-weight:700}.checkout-total strong{font-size:19px;color:var(--brand)}.alert-panel{background:#fff5e8;border:1px solid #ffe2bd;color:#95642a;border-radius:15px;padding:17px;font-size:13px;line-height:1.6;margin-bottom:18px}.alert-panel p{margin-bottom:0}
.order-status{text-align:center;padding:22px 12px;margin:0 0 15px;border-radius:24px;background:#f8f9ff}.order-status h2{font-size:22px;margin:17px 0 12px}.order-status>strong{font-size:27px;color:var(--brand)}.order-details{display:grid;gap:0}.order-details>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #f1f2f6;padding:13px 0;align-items:center}.order-details>div:last-child{border:0}.order-details span{font-size:12px;color:var(--muted)}.order-details strong,.order-details a{font-size:12px;text-align:right;overflow-wrap:anywhere;max-width:60%}.order-details a{color:var(--brand);font-weight:800}
.receipt-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.receipt-actions .btn{min-height:37px;padding:8px 12px}.receipt-sheet{text-align:center;padding:25px 20px;border-style:dashed}.receipt-mark{display:grid;place-items:center;width:56px;height:56px;background:var(--brand-soft);color:var(--brand);border-radius:20px;margin:0 auto 18px}.receipt-sheet h2{margin:10px 0}.receipt-sheet>p,.receipt-sheet>small{font-size:11px;color:var(--muted)}.receipt-total{padding:19px 0;display:grid;gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0}.receipt-total span,.receipt-total small{font-size:11px;color:var(--muted)}.receipt-total strong{font-size:30px;color:var(--brand)}.receipt-sheet .order-details{text-align:left;padding:0;border:0;margin:0}
.admin-finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.admin-finance-summary>div{padding:19px;background:var(--brand-soft);border-radius:17px;display:grid;gap:4px}.admin-finance-summary strong{font-size:25px;color:var(--brand)}.admin-finance-summary small{font-size:11px;color:#6c728d}.finance-page .editor-card{margin-bottom:20px}.admin-product-entry{border:1px solid var(--line);border-radius:17px;margin-bottom:11px;padding:14px;background:#fff}.admin-product-entry>summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none}.admin-product-entry>summary::-webkit-details-marker{display:none}.admin-product-entry strong{font-size:13px}.admin-product-entry small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.admin-product-entry form{padding-top:19px}.admin-product-entry>.ui-icon{color:var(--muted)}.review-card{border:1px solid var(--line);padding:17px;border-radius:17px;margin-bottom:13px}.review-head{display:flex;align-items:start;gap:7px}.review-head strong{font-size:13px}.review-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.review-meta{display:flex;justify-content:space-between;gap:10px;margin:15px 0;font-size:12px;flex-wrap:wrap}.review-meta small{color:var(--muted)}.review-meta a{color:var(--brand);font-weight:800}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-actions .btn{padding:9px 11px;min-height:40px}.finance-strip{display:grid;gap:9px;margin:18px 0 12px}.finance-strip a{display:flex;align-items:center;gap:12px;background:#fafbff;border:1px solid var(--line);border-radius:16px;padding:11px 13px}.finance-strip-ico{height:43px;width:43px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:13px}.finance-strip strong{font-size:13px;display:block}.finance-strip small{color:var(--muted);font-size:11px;display:block;margin-top:4px}.finance-strip a>.ui-icon{color:var(--brand);width:17px}.shortcut-ico>.ui-icon{width:24px;height:24px}.admin-menu-icon>.ui-icon{width:23px;height:23px}.profile-links .ui-icon{width:19px;height:19px;margin-right:7px}
@media print {body,.phone-shell,.mobile-page{background:#fff!important;box-shadow:none!important;width:100%!important;max-width:none!important}.bottom-nav,.ambient,.receipt-actions,.flash{display:none!important}.receipt-sheet{max-width:650px;margin:auto;border:1px dashed #999;break-inside:avoid}.mobile-page{padding-bottom:0!important}.finance-page{padding-bottom:0!important}}
/* MyPersatuan 1.5 — clean-white geometric e-Vote module */
.vote-home-banner{display:flex;align-items:center;gap:13px;margin:16px 0 5px;padding:17px 15px;border-radius:20px;background:linear-gradient(115deg,#f4f0ff 0%,#ecf7ff 65%,#fff4f6 100%);border:1px solid color-mix(in srgb,var(--brand) 15%,#fff);position:relative;overflow:hidden;isolation:isolate;min-height:105px}
.vote-home-banner::before{content:"";width:115px;height:115px;border:22px solid color-mix(in srgb,var(--brand) 11%,transparent);border-radius:33px;position:absolute;right:-68px;top:-51px;transform:rotate(34deg);z-index:-1}
.vote-home-icon{width:55px;height:55px;display:grid;place-items:center;background:#fff;color:var(--brand);border-radius:17px;box-shadow:0 8px 19px rgba(34,31,81,.05);flex:none}
.vote-home-icon .ui-icon{height:26px;width:26px}.vote-home-banner strong{display:block;font-size:21px;letter-spacing:-.6px;line-height:1.2}.vote-home-banner strong em{font-style:normal;color:var(--brand)}.vote-home-banner small{display:block;color:#737c98;font-size:11px;margin-top:6px}.vote-home-kicker{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:1.1px;display:block;margin-bottom:5px}.vote-home-arrow{color:var(--brand)}.vote-home-arrow .ui-icon{width:20px}
.voting-page .page-head h1{font-size:37px}.vote-list{display:grid;gap:17px}.vote-election-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e8ebf4;padding:22px;border-radius:24px;box-shadow:var(--shadow)}.vote-election-card:before{content:"";position:absolute;width:125px;height:125px;right:-35px;top:-50px;border:25px solid #f1edff;border-radius:42px;transform:rotate(35deg)}.vote-card-top{display:flex;justify-content:space-between;align-items:center}.vote-card-symbol{height:40px;width:40px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:13px}.vote-card-symbol .ui-icon{width:22px}.vote-election-card h2{font-size:23px;line-height:1.15;margin:23px 0 8px}.vote-election-card p{font-size:12px;color:#81889d;margin:0 0 17px}.vote-badge{padding:7px 10px;border-radius:999px;display:inline-flex;align-items:center;background:#eff1f7;color:#657087;font-size:9px;font-weight:900;letter-spacing:.5px;width:max-content}.vote-badge.is-live{background:#e4faf1;color:#008652}.vote-badge.is-live:before{content:"";background:#00a971;width:7px;height:7px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #cef2e0}.vote-meta{display:flex;flex-wrap:wrap;gap:10px;color:#727b94;font-size:10px;margin-bottom:17px}.vote-meta span{display:flex;align-items:center;gap:6px}.vote-meta .ui-icon{width:14px;height:14px}.vote-card-actions{display:flex;flex-wrap:wrap;gap:8px}.vote-card-actions .btn{flex:1;min-height:43px;padding:9px;font-size:11px}.vote-info-panel{border:1px solid #eaeef6;background:#fafbff;border-radius:18px;padding:16px;display:grid;gap:9px;margin-bottom:21px}.vote-info-panel small{font-size:11px;color:#80889d}.vote-candidate-card{border:1px solid #eaebf3;background:#fff;min-height:111px;padding:11px;margin:11px 0;border-radius:19px;display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;box-shadow:0 6px 22px rgba(30,31,92,.035)}.vote-candidate-card>input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.vote-radio{width:19px;height:19px;border-radius:50%;border:2px solid #d6dbec;position:absolute;right:18px;top:18px}.vote-candidate-card:has(input:checked){border:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 5%,white)}.vote-candidate-card:has(input:checked) .vote-radio{border:6px solid var(--brand)}.vote-candidate-card:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}.vote-candidate-card img{height:90px;width:84px;object-fit:cover;border-radius:13px;background:#f3f1f9}.vote-candidate-info{display:grid;gap:7px;max-width:calc(100% - 120px)}.vote-candidate-info strong{font-size:16px;line-height:1.2}.vote-candidate-info small{font-size:11px;color:#80889d}.vote-submit{margin:20px 0}.vote-submit .ui-icon{height:18px;width:18px}.vote-success{background:#effbf4;text-align:center;border-radius:19px;padding:24px;margin-bottom:18px;color:#116c48}.vote-success>.ui-icon{height:34px;width:34px}.vote-success h2{margin:7px 0;font-size:21px}.vote-success p{font-size:12px;margin:0;color:#4d866b}.vote-link-live{margin:18px 0;padding:15px;display:flex;gap:8px;align-items:center;border:1px solid #e5e8f4;border-radius:16px;color:var(--brand);font-weight:800;font-size:12px}.vote-link-live .ui-icon{width:17px;margin-left:auto}.vote-live-dot{background:#ec426c;height:8px;width:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #ffedf1;flex-shrink:0}.vote-privacy{font-size:10px;color:#979daf;margin:22px 0;line-height:1.6}.vote-live-hero{background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 90%,#232442),#253c91);color:white;border-radius:25px;padding:26px 22px;position:relative;overflow:hidden;margin-bottom:18px}.vote-live-hero:before{content:"";position:absolute;width:190px;height:190px;border-radius:55px;border:44px solid #ffffff16;transform:rotate(38deg);right:-95px;top:-90px}.vote-live-stars{position:absolute;right:13px;bottom:10px;opacity:.24;font-size:43px}.vote-live-pill{display:inline-flex;gap:8px;align-items:center;background:#ffffff19;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.4px;border-radius:20px}.vote-live-hero h1{font-size:38px;margin:26px 0 10px;line-height:1.04}.vote-live-hero h1 em{font-style:normal;color:#e8c3ff}.vote-live-hero p{font-size:12px;margin:0;color:#e2dcff}.vote-tally{display:flex;align-items:center;justify-content:space-between;background:#f7f8ff;border:1px solid #edf0fb;border-radius:20px;padding:21px;margin-top:18px}.vote-tally small{font-size:11px;color:#838ca3;display:block}.vote-tally strong{font-size:39px;color:var(--ink);display:block}.vote-tally-mark{height:53px;width:53px;border-radius:17px;display:grid;place-items:center;background:#fff;color:var(--brand)}.vote-tally-mark .ui-icon{width:24px}.vote-live-stamp{color:#9299ab;font-size:10px;text-align:right;margin:11px 3px 16px}.vote-live-list{display:grid;gap:14px}.vote-result-card{position:relative;overflow:hidden;border:1px solid #e9edf3;border-radius:19px;background:#fff;padding:13px;display:flex;gap:11px;align-items:center}.vote-result-card.leader{border-color:color-mix(in srgb,var(--brand) 39%,#fff);box-shadow:0 5px 26px color-mix(in srgb,var(--brand) 9%,transparent)}.vote-result-rank{position:absolute;top:9px;left:9px;border-radius:8px;background:#fffffff0;color:var(--brand);font-size:10px;font-weight:900;padding:4px}.vote-result-photo{width:80px;height:105px;object-fit:cover;border-radius:12px;background:#f3f3f7;flex-shrink:0}.vote-result-main{min-width:0;flex:1}.vote-result-name{font-size:14px;display:block}.vote-result-tagline{display:block;font-size:10px;color:#9097ab;margin:5px 0 13px}.vote-result-stats{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px}.vote-result-stats b{font-size:15px}.vote-result-stats span{color:var(--brand);font-weight:800}.vote-result-track{height:9px;background:#f1f1f8;border-radius:20px;overflow:hidden}.vote-result-bar{height:100%;background:linear-gradient(90deg,var(--brand),#c397ef);border-radius:20px;transition:width .4s}.vote-admin-links{display:flex;gap:13px;margin-bottom:16px}.vote-admin-links a{font-size:11px;color:var(--brand);font-weight:800}.vote-status-grid{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 13px}.voting-page .editor-card form{display:grid;gap:12px;margin-top:12px}.vote-admin-candidates{margin-top:25px}.vote-admin-candidate{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.vote-admin-candidate img{height:59px;width:57px;object-fit:cover;border-radius:11px;background:#f7f7fa}.vote-admin-candidate strong{font-size:13px;display:block}.vote-admin-candidate small{font-size:11px;color:#8d94a9;display:block;margin-top:4px}.vote-admin-election{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.vote-admin-election>span:last-child{color:var(--brand)}.vote-admin-election>.ui-icon{width:17px;color:var(--brand)}.vote-admin-election-icon{height:40px;width:40px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);border-radius:12px}.vote-admin-election-icon .ui-icon{width:21px}.vote-admin-election strong{display:block;font-size:13px}.vote-admin-election small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:360px){.vote-card-actions{display:grid}.vote-candidate-card img{height:76px;width:66px}.vote-candidate-info{max-width:calc(100% - 96px)}.vote-result-photo{width:67px}}

/* CLUVIA v1.6 — Platform onboarding & official identity (base stays white) */
.cluvia-intro{background:#fff;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:24px 26px 25px;color:#151630}
.cluvia-intro-header{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:2}
.cluvia-intro-label{letter-spacing:1.3px;font-size:9px;font-weight:900;color:#7a80a0;white-space:nowrap}.cluvia-intro-spark{color:#7740f5;font-size:15px;vertical-align:middle;padding-right:4px}
.cluvia-intro-skip{color:#6740c9;font-size:12px;font-weight:800;background:#f5f0ff;border-radius:28px;padding:10px 13px;white-space:nowrap}
.cluvia-intro-visual{position:relative;min-height:335px;flex:1;display:grid;place-items:center;isolation:isolate;margin:5px -26px 0}
.cluvia-intro-visual::before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#f6f0ff 0%,#f7f8ff 58%,transparent 73%);left:50%;top:47%;transform:translate(-50%,-50%);z-index:-1}
.cluvia-intro-mainlogo{width:min(76%,325px);z-index:2;filter:drop-shadow(0 15px 24px rgba(74,49,152,.08))}.cluvia-intro-mainlogo img{width:100%;object-fit:contain}
.cluvia-intro-diamond{position:absolute;transform:rotate(-35deg);border-radius:34px;opacity:.65;z-index:-1}.cluvia-intro-diamond-a{width:270px;height:90px;top:14%;right:-75px;background:linear-gradient(110deg,#efe5ff,#dce9ff)}.cluvia-intro-diamond-b{width:305px;height:95px;bottom:16%;left:-95px;background:linear-gradient(110deg,#e7f2ff,#e5d9ff)}
.cluvia-intro-orb{position:absolute;border-radius:50%;z-index:-1}.cluvia-intro-orb-a{width:90px;height:90px;top:12%;left:7%;background:linear-gradient(145deg,#c3ccff,#f7e6ff);opacity:.7}.cluvia-intro-orb-b{width:47px;height:47px;bottom:15%;right:8%;background:linear-gradient(125deg,#a46cfa,#8ebaff);opacity:.55}
.cluvia-intro-chip{position:absolute;background:rgba(255,255,255,.93);box-shadow:0 8px 28px rgba(54,58,117,.12);border:1px solid #eeeafd;border-radius:15px;padding:11px 15px;letter-spacing:.1px;color:#34365d;font-size:11px;font-weight:800;z-index:3;backdrop-filter:blur(8px)}
.cluvia-intro-chip span{display:inline-grid;place-items:center;border-radius:9px;background:#f1e8ff;color:#7439ed;margin-right:5px;width:20px;height:20px}.cluvia-intro-chip-left{left:6%;top:24%;transform:rotate(-7deg)}.cluvia-intro-chip-right{right:6%;top:31%;transform:rotate(6deg)}.cluvia-intro-chip-bottom{right:11%;bottom:13%;transform:rotate(-4deg)}
.cluvia-intro-copy{position:relative;z-index:2;text-align:center;margin-top:auto}.cluvia-intro-kicker{font-size:10px;font-weight:900;letter-spacing:2.1px;color:#7d45e8}.cluvia-intro-copy h1{font-size:clamp(39px,10vw,51px);line-height:1.03;letter-spacing:-2.1px;margin:12px auto 15px;max-width:390px;color:#171730}.cluvia-intro-copy h1 span{background:linear-gradient(105deg,#8841ef,#555be0);background-clip:text;-webkit-background-clip:text;color:transparent}
.cluvia-intro-copy>p:not(.cluvia-intro-caption){font-size:13px;color:#80839c;line-height:1.6;max-width:316px;margin:0 auto 19px}
.cluvia-intro-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:20px}.cluvia-intro-dots span{width:6px;height:6px;background:#dfe0ea;border-radius:8px}.cluvia-intro-dots span.active{width:25px;background:linear-gradient(90deg,#8b51f4,#6057e8)}
.cluvia-intro-cta{width:100%;min-height:54px;border-radius:17px;font-size:14px;background:linear-gradient(110deg,#8444f1,#6359ef)}.cluvia-intro-cta span{margin-left:auto}
.cluvia-intro-caption{font-size:10px;color:#acadc1;text-align:center;margin:17px 0 0}.cluvia-intro-caption span{color:#8d65ea;margin:0 6px}
.cluvia-choose-brand{display:inline-block;margin-bottom:18px}.cluvia-choose-brand img{width:130px;height:77px;object-fit:contain;object-position:left center}
.cluvia-platform-mark{display:block;position:relative;z-index:4;margin:0 auto 11px;width:102px;height:63px}.cluvia-platform-mark img{width:100%;height:100%;object-fit:contain}
.cluvia-auth-logo{display:block;width:128px;margin:0 auto 8px}.cluvia-auth-logo img{width:100%;height:90px;object-fit:contain}
.cluvia-home-brand{display:flex;align-items:center;justify-content:space-between;gap:11px;border-bottom:1px solid #f2f2f7;margin:-12px 0 17px;padding:0 0 11px}.cluvia-home-brand a{display:block;flex-shrink:0}.cluvia-home-brand img{width:102px;height:54px;object-fit:contain;object-position:left center}.cluvia-home-org{font-size:10px;font-weight:800;text-align:right;color:#8f91a7;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:540px){.cluvia-intro-visual{min-height:380px}}@media(max-width:360px){.cluvia-intro{padding-left:20px;padding-right:20px}.cluvia-intro-visual{margin-left:-20px;margin-right:-20px;min-height:260px}.cluvia-intro-copy h1{font-size:39px}.cluvia-intro-chip{font-size:10px;padding:8px}.cluvia-intro-label{font-size:8px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.cluvia-intro-chip,.cluvia-intro-visual *{animation:none!important}}
.mobile-page:has(> .cluvia-intro){padding-bottom:0}