@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}.login-page{background:#f5f5f7;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex}.login-card{background:#fff;border-radius:20px;flex-direction:column;gap:0;width:100%;max-width:380px;padding:40px 32px 32px;animation:.45s both cardFadeIn;display:flex;box-shadow:0 4px 6px -1px #00000012,0 10px 30px -5px #0000001a}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.login-logo-section{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #b4780059);width:80px;height:80px;animation:3.5s ease-in-out infinite logoFloat}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-brand-name{letter-spacing:3.5px;color:#7a4f10;margin:10px 0 4px;font-family:Inter,sans-serif;font-size:22px;font-weight:700;line-height:1}.login-brand-tagline{letter-spacing:2px;color:#9a7040;text-transform:uppercase;margin:0;font-size:9.5px;font-weight:500}.login-welcome{margin-bottom:22px}.login-welcome-title{color:#1a1a2e;letter-spacing:-.3px;text-align:left;margin:0 0 5px;font-size:22px;font-weight:700}.login-welcome-sub{color:#888;text-align:left;margin:0;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-input-wrapper{background:#fff;border:1.5px solid #e0dfe4;border-radius:10px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.login-input-wrapper:focus-within{border-color:#c8941a;box-shadow:0 0 0 3px #c8941a1f}.login-input-icon{color:#aaa;flex-shrink:0;align-items:center;padding:0 12px 0 14px;display:flex}.login-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:14px 12px 14px 0;font-family:Inter,sans-serif;font-size:14px}.login-input::placeholder{color:#bbb}.login-eye-btn{cursor:pointer;color:#aaa;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 14px;transition:color .2s;display:flex}.login-eye-btn:hover{color:#c8941a}.login-options-row{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.login-remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.login-checkbox{opacity:0;width:0;height:0;position:absolute}.login-checkbox-custom{background:#fff;border:1.8px solid #d0cdd4;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:all .2s;display:flex}.login-checkbox:checked+.login-checkbox-custom{background:#c8941a;border-color:#c8941a}.login-checkbox:checked+.login-checkbox-custom:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;display:block;transform:rotate(45deg)translateY(-1px)}.login-remember-text{color:#555;font-size:13px}.login-forgot-link{color:#555;font-size:13px;text-decoration:none;transition:color .2s}.login-forgot-link:hover{color:#c8941a}.login-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#d4a017 0%,#c8841a 50%,#b8720f 100%);border:none;border-radius:10px;width:100%;margin-top:4px;padding:15px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 15px #c8941a73}.login-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #c8941a8c}.login-btn:hover:before{opacity:1}.login-btn:active{transform:translateY(0);box-shadow:0 2px 10px #c8941a66}.login-divider{align-items:center;gap:10px;margin:22px 0 14px;display:flex}.login-divider-line{background:#ebebeb;flex:1;height:1px}.login-divider-text{color:#aaa;white-space:nowrap;font-size:12.5px}.login-google-btn{color:#333;cursor:pointer;background:#fff;border:1.5px solid #e0dfe4;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:13px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.login-google-btn:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 10px #00000012}.login-google-btn:active{background:#f5f5f5}.login-footer{text-align:center;color:#888;margin:20px 0 0;font-size:13px}.login-contact-link{color:#c8841a;font-weight:600;text-decoration:none;transition:color .2s}.login-contact-link:hover{color:#a06010;text-decoration:underline}.homepage-container{color:#1a1a2e;text-align:left;background-color:#fdfdfd;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.home-header{background:0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-user-info{align-items:center;gap:12px;display:flex}.profile-pic{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px #0000001a}.header-text h2{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 2px;font-size:18px;font-weight:700}.header-text p{color:#64748b;margin:0;font-size:12px}.bell-btn{cursor:pointer;color:#1a1a2e;background:0 0;border:none;padding:8px;position:relative}.home-content{padding:0 20px}.hero-banner-card{background-position:50%;background-size:cover;border-radius:20px;height:160px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000001a}.hero-content{z-index:2;justify-content:space-between;align-items:center;height:100%;padding:20px;display:flex;position:relative}.hero-text{flex:1;max-width:70%}.hero-text h3{color:#fff;margin:0 0 2px;font-size:22px;font-weight:700;line-height:1.2}.hero-text h3.highlight{color:#fbbf24}.hero-text p{color:#e2e8f0;max-width:90%;margin:8px 0 0;font-size:11px;line-height:1.4}.hero-logo{object-fit:contain;filter:drop-shadow(0 0 10px #fbbf2466);opacity:.9;width:90px;height:auto}.carousel-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-dots .dot{background-color:#fff6;border-radius:3px;width:6px;height:6px;transition:all .3s}.carousel-dots .dot.active{background-color:#fff;width:16px}.points-rank-card{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 4px 12px #00000008}.points-section{flex:1;align-items:center;gap:16px;display:flex}.calendar-icon-wrapper{background:#fffbeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.points-info{flex-direction:column;width:100%;display:flex}.points-label{color:#0b0c20;margin-bottom:2px;font-size:14px;font-weight:700}.points-value{margin-bottom:8px}.current-points{color:#b45309;font-size:22px;font-weight:800}.max-points{color:#78350f;font-size:13px;font-weight:600}.progress-bar-bg{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.rank-section-progress{flex-direction:column;align-items:center;margin-left:16px;display:flex}.rank-badge-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.hexagon-outer{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(135deg,#fcd34d 0%,#d97706 100%);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.hexagon-inner{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(135deg,#78350f 0%,#291503 100%);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rank-percent{color:#0b0c20;font-size:14px;font-weight:800}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{color:#1a1a2e;letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.month-dropdown{color:#475569;cursor:pointer;background:#f8fafc;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.date-text{color:#64748b;font-size:13px;font-weight:500}.overview-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px;display:grid}.overview-card{text-align:center;background:#fdfdfd;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;padding:16px 6px;display:flex;box-shadow:0 4px 12px #00000005}.icon-badge{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.gold-badge{background:#fffbeb}.red-badge{background:#fff5f5}.orange-badge{background:#fff7ed}.pink-badge{background:#fdf2f8}.overview-card h4{color:#1a1a2e;margin:0 0 4px;font-size:18px;font-weight:800}.overview-card p{color:#64748b;margin:0;font-size:10px;line-height:1.25}.activity-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:28px;overflow:hidden;box-shadow:0 4px 12px #00000008}.activity-details-row{align-items:center;gap:16px;padding:20px;display:flex}.activity-icon-wrapper{background:#fff7ed;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.activity-info{flex:1}.activity-info h4{color:#1a1a2e;margin:0 0 8px;font-size:16px;font-weight:700}.activity-meta{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.activity-arrow{flex-shrink:0}.view-activities-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);border:none;border-radius:0 0 20px 20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:600;display:flex}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.action-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;display:flex;box-shadow:0 4px 12px #00000005}.action-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.action-icon.orange-bg{background:#fff7ed}.action-icon.red-bg{background:#fff1f2}.action-card p{color:#0b0c20;margin:0;font-size:13px;font-weight:700;line-height:1.2}.bottom-spacer{height:20px}.bottom-nav{z-index:100;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-around;align-items:flex-end;width:100%;max-width:480px;height:70px;padding:12px 10px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 20px #00000008}.nav-item{color:#94a3b8;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.nav-item span{font-size:11px;font-weight:500}.nav-item.active{color:#f97316}.submit-item{position:relative;top:-12px}.submit-btn-circle{background:#f97316;border:4px solid #fdfdfd;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:6px;display:flex;box-shadow:0 6px 16px #f9731666}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.activities-container{color:#1a1a2e;text-align:left;background-color:#fdfdfd;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.activities-header{z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.activities-header h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.back-btn,.filter-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-8px;padding:8px;display:flex}.tabs-container{background:#fff;padding:12px 20px 20px}.tabs-wrapper{scrollbar-width:none;background:#f1f5f9;border-radius:24px;padding:4px;display:flex;overflow-x:auto}.tabs-wrapper::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:20px;flex:1;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s}.tab-btn.active{color:#fff;background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 10px #ea580c33}.activities-content{padding:0 20px}.activity-section{margin-bottom:32px}.mt-24{margin-top:24px}.section-banner{border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.meeting-banner,.non-meeting-banner{background:linear-gradient(90deg,#fff7ed,#fff1f2);border:1px solid #ffedd5}.bonus-banner{background:linear-gradient(90deg,#faf5ff,#f3e8ff);border:1px solid #f3e8ff}.banner-icon-wrapper{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #ea580c1a}.purple-wrapper{box-shadow:0 2px 8px #9333ea1a}.banner-text{flex:1}.banner-text h3{color:#ea580c;margin:0 0 4px;font-size:16px;font-weight:700}.banner-text p{color:#64748b;margin:0;font-size:12px;line-height:1.3}.purple-text h3{color:#9333ea}.activity-list{flex-direction:column;display:flex}.activity-list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 0;display:flex}.activity-list-item:last-child{border-bottom:none}.activity-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.orange-badge{color:#ea580c;background:#fff7ed}.gold-badge{color:#f59e0b;background:#fffbeb}.green-badge{color:#10b981;background:#ecfdf5}.purple-badge{color:#a855f7;background:#faf5ff}.blue-badge{color:#3b82f6;background:#eff6ff}.red-badge{color:#ef4444;background:#fef2f2}.brown-badge{color:#9a3412;background:#fff7ed}.activity-item-content{flex:1}.activity-item-content h4{color:#1a1a2e;margin:0 0 4px;font-size:14px;font-weight:700}.activity-item-content p{color:#64748b;white-space:pre-line;margin:0;font-size:11px;line-height:1.3}.activity-item-points{color:#ea580c;white-space:nowrap;font-size:14px;font-weight:800}.points-page{background:#fbfbfb;min-height:100vh;padding:16px 16px 80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{color:#1a1a1a;margin:0;font-size:22px;font-weight:700}.back-btn{cursor:pointer;color:#1a1a1a;background:0 0;border:none;align-items:center;padding:0;display:flex}.month-dropdown{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;display:flex}.monthly-points-card{color:#fff;background:linear-gradient(135deg,#ff9b26,#e85a19);border-radius:20px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 15px #e85a1933}.points-card-header{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.calendar-icon-circle{color:#e85a19;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.points-text h2{opacity:.95;margin:0;font-size:16px;font-weight:600}.points-value{align-items:baseline;margin:4px 0 0;font-size:36px;font-weight:700;line-height:1;display:flex}.points-value span{opacity:.9;margin-left:8px;font-size:14px;font-weight:500}.progress-container{align-items:center;gap:12px;margin-top:16px;display:flex}.progress-bar-bg{background:#ffffff40;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:#fff;border-radius:4px;height:100%}.progress-text{font-size:14px;font-weight:600}.chart-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;margin-bottom:24px;padding:20px 16px;box-shadow:0 2px 8px #00000005}.chart-legend{color:#666;justify-content:center;gap:16px;margin-bottom:28px;font-size:12px;font-weight:500;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.chart-bars{justify-content:space-around;align-items:flex-end;height:110px;display:flex}.chart-col{flex-direction:column;align-items:center;width:44px;display:flex}.bar-value{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:700}.bar-stack{border-radius:4px 4px 0 0;flex-direction:column;justify-content:flex-end;width:32px;display:flex;overflow:hidden}.bar-segment{width:100%}.bar-label{color:#888;margin-top:12px;font-size:12px;font-weight:500}.summary-cards{gap:12px;margin-bottom:24px;display:flex}.summary-card{text-align:center;border-radius:16px;flex-direction:column;flex:1;align-items:center;padding:16px 8px;display:flex}.summary-card.meeting{background:#fff5eb}.summary-card.non-meeting{background:#f0f4fe}.summary-card.bonus{background:#fdf2f4}.summary-icon{margin-bottom:12px}.summary-card.meeting .summary-icon{color:#f26830}.summary-card.non-meeting .summary-icon{color:#356df3}.summary-card.bonus .summary-icon{color:#ef3351}.summary-value{color:#1a1a1a;margin-bottom:4px;font-size:20px;font-weight:700}.summary-label{color:#666;font-size:12px;font-weight:500;line-height:1.3}.section-header{color:#1a1a1a;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.view-all{color:#e85a19;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.breakdown-list,.activity-list{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.list-item{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;padding:12px;display:flex;box-shadow:0 1px 4px #00000005}.list-icon-bg{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.list-item.meeting .list-icon-bg{color:#f26830;background:#fff5eb}.list-item.non-meeting .list-icon-bg{color:#356df3;background:#f0f4fe}.list-item.bonus .list-icon-bg,.list-item.video .list-icon-bg{color:#ef3351;background:#fdf2f4}.list-item.email .list-icon-bg{color:#f26830;background:#fff5eb}.list-item.share .list-icon-bg{color:#10b981;background:#ebf8f2}.item-content{flex:1}.item-title{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:600}.item-subtitle{color:#888;margin:0;font-size:12px}.item-right{align-items:center;gap:12px;display:flex}.item-points{font-size:14px;font-weight:600}.item-points.meeting,.item-points.non-meeting,.item-points.bonus{color:#f26830}.status-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.upload-proof-wrapper{margin-bottom:24px}.upload-proof-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.upload-proof-icon-wrap{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.upload-proof-title-wrap{flex:1}.upload-proof-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:700}.upload-proof-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.upload-proof-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;margin-top:12px;padding:24px;transition:background-color .2s;display:flex;position:relative;overflow:hidden}.upload-proof-box:hover{background:#f3f4f6}.upload-proof-box.has-preview{background:0 0;border:1.5px solid #e5e7eb;padding:0}.upload-proof-box .upload-icon{color:#9ca3af;margin-bottom:8px}.upload-proof-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.upload-proof-subtext{color:#9ca3af;font-size:12px}.upload-proof-preview-container{justify-content:center;align-items:center;width:100%;height:100%;min-height:160px;display:flex;position:relative}.upload-proof-preview-image{object-fit:contain;border-radius:14px;width:100%;height:100%;max-height:250px}.upload-proof-remove-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.upload-proof-remove-btn:hover{background:#000000b3}.early-bird-page{background-color:#1a1a1a;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.eb-header-section{color:#fff;background:linear-gradient(#000c,#000000e6),url(https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?q=80&w=2070&auto=format&fit=crop) 50%/cover;padding:20px;position:relative;overflow:hidden}.eb-header-top{z-index:2;align-items:center;margin-bottom:40px;display:flex;position:relative}.eb-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.eb-intro{z-index:2;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.eb-icon-badge{color:#f97316;background:#fff7ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 12px #f973164d}.eb-info{flex:1}.eb-title{margin:0 0 4px;font-size:24px;font-weight:700}.eb-points{color:#fbd38d;margin-bottom:8px;font-size:16px;font-weight:700}.eb-desc{color:#eee;margin:0;font-size:13px;line-height:1.4}.eb-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-10px;padding:24px;position:relative}.eb-info-grid{gap:12px;margin-bottom:24px;display:flex}.eb-info-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px;display:flex}.eb-info-icon{color:#6366f1;background:#e0e7ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.eb-info-text{flex:1}.eb-info-label{color:#888;margin-bottom:2px;font-size:11px}.eb-info-value{color:#333;font-size:13px;font-weight:600}.eb-section{margin-bottom:24px}.eb-section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.eb-section-icon{color:#d97706;background:#fef3c7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.eb-section-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.eb-section-body{color:#555;font-size:13px;line-height:1.5}.upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #ccc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:30px;display:flex}.upload-icon{color:#888;margin-bottom:12px}.upload-text{color:#333;margin-bottom:4px;font-size:14px;font-weight:600}.upload-subtext{color:#888;font-size:12px}.eb-textarea{resize:vertical;background:#fff;border:1px solid #eaeaea;border-radius:12px;width:100%;min-height:100px;margin-top:8px;padding:16px;font-family:inherit;font-size:14px}.eb-textarea::placeholder{color:#aaa}.eb-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;margin-bottom:24px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.em-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.em-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.em-header-top{justify-content:space-between;align-items:center;display:flex}.em-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.em-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.em-hero-card{background-color:#2a1610;background-image:url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.em-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000d9 0%,#0006 50%,#0000001a 100%);position:absolute;inset:0}.em-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.em-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.em-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#92400e99;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.em-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.em-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.em-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.em-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.em-info-card.align-start{align-items:flex-start}.em-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.red-wrapper{background:#fef2f2}.em-info-text{flex:1}.em-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.em-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.em-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.em-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.em-guidelines-list li::marker{color:#ea580c}.em-photo-section{margin-top:8px}.em-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.em-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.em-camera-view{background:#2a1610 url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.em-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.em-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.em-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.em-preview-section{margin-top:8px}.em-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.em-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.em-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.em-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.em-preview-thumb{background-image:url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.em-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.em-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.em-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.em-header-top{z-index:2;color:#fff;display:flex;position:relative}.em-header-top .icon-btn{color:#fff}.em-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.em-summary-card{text-align:center;background:#fff7ed;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.em-summary-icon{background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.em-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.em-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.em-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.em-timeline{flex-direction:column;padding:0 12px;display:flex}.em-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.mto-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.mto-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.mto-header-top{justify-content:space-between;align-items:center;display:flex}.mto-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.mto-content-container{flex-direction:column;gap:16px;padding:16px 20px 40px;display:flex}.mto-hero-card{background-color:#1e1e1e;background-image:url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.mto-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#000000b3 60%,#0000001a 100%);position:absolute;inset:0}.mto-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.mto-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mto-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mto-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.mto-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.mto-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.mto-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.mto-info-card.align-start{align-items:flex-start}.mto-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mto-info-text{flex:1}.mto-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.mto-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.mto-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.mto-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.mto-guidelines-list li::marker{color:#ea580c}.mto-photo-section{margin-top:8px}.mto-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mto-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.mto-camera-view{background:#1e1e1e url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.mto-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.mto-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.mto-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.mto-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.mto-preview-section{margin-top:8px}.mto-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mto-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.mto-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.mto-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.mto-preview-thumb{background-image:url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.mto-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.btn-primary.mto-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 12px #ea580c33}.mto-recent-section{margin-top:16px}.mto-recent-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mto-recent-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.view-all-btn{color:#ea580c;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:13px;font-weight:600;display:flex}.mto-recent-list{flex-direction:column;gap:12px;display:flex}.mto-recent-card{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 2px 12px #00000008}.recent-thumb{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:60px;height:48px}.thumb-1{background-image:url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=400&auto=format&fit=crop)}.thumb-2{background-image:url(https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=400&auto=format&fit=crop)}.recent-info{flex:1}.recent-info h4{color:#0b0c20;margin:0 0 2px;font-size:13px;font-weight:700;display:inline-block}.recent-time{color:#64748b;margin-left:8px;font-size:11px}.recent-info p{color:#64748b;margin:0;font-size:12px}.recent-status-wrapper{align-items:center;gap:8px;display:flex}.status-pill.approved{color:#16a34a;background:#dcfce7;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.ff-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ff-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.ff-header-top{justify-content:space-between;align-items:center;display:flex}.ff-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.ff-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.ff-hero-card{background-color:#2a1610;background-image:url(https://images.unsplash.com/photo-1556761175-5973dc0f32d7?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.ff-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#0009 60%,#0003 100%);position:absolute;inset:0}.ff-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.ff-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ff-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ff-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.ff-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.ff-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.ff-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.ff-info-card.align-start{align-items:flex-start}.ff-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ff-info-text{flex:1}.ff-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.ff-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ff-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.ff-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.ff-guidelines-list li::marker{color:#ea580c}.ff-photo-section{margin-top:8px}.ff-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ff-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.ff-camera-view{background:#2a1610 url(https://images.unsplash.com/photo-1556761175-5973dc0f32d7?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.ff-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.ff-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.ff-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ff-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.ff-preview-section{margin-top:8px}.ff-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ff-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.ff-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.ff-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.ff-preview-thumb{background-image:url(https://images.unsplash.com/photo-1556761175-5973dc0f32d7?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.ff-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.ff-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.ff-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.ff-header-top{z-index:2;color:#fff;display:flex;position:relative}.ff-header-top .icon-btn{color:#fff}.ff-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.ff-summary-card{text-align:center;background:#fff7ed;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.ff-summary-icon{background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.ff-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.ff-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.ff-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ff-timeline{flex-direction:column;padding:0 12px;display:flex}.ff-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-outline-primary{color:#ea580c;cursor:pointer;background:#fff;border:1px solid #ea580c;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.pt-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.pt-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.pt-header-top{justify-content:space-between;align-items:center;display:flex}.pt-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.pt-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.pt-hero-card{background-color:#1e1b4b;background-image:url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.pt-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#0009 60%,#0003 100%);position:absolute;inset:0}.pt-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.pt-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pt-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#581c8780;border:1px solid #a855f766;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pt-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.pt-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.pt-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.pt-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.pt-info-card.align-start{align-items:flex-start}.pt-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pt-info-text{flex:1}.pt-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.pt-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.pt-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.pt-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.pt-guidelines-list li::marker{color:#ea580c}.pt-photo-section{margin-top:8px}.pt-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.pt-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.pt-camera-view{background:#1e1b4b url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.pt-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.pt-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.pt-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.pt-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.pt-preview-section{margin-top:8px}.pt-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pt-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.pt-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.pt-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.pt-preview-thumb{background-image:url(https://images.unsplash.com/photo-1542744094-3a31f272c490?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.pt-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.pt-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.pt-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.pt-header-top{z-index:2;color:#fff;display:flex;position:relative}.pt-header-top .icon-btn{color:#fff}.pt-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.pt-summary-card{text-align:center;background:#faf5ff;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.pt-summary-icon{background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.pt-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.pt-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.pt-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.pt-timeline{flex-direction:column;padding:0 12px;display:flex}.pt-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.ts-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ts-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.ts-header-top{justify-content:space-between;align-items:center;display:flex}.ts-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.ts-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.ts-hero-card{background-color:#064e3b;background-image:url(https://images.unsplash.com/photo-1579952363873-27f3bade9f55?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.ts-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#0009 60%,#0003 100%);position:absolute;inset:0}.ts-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.ts-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ts-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16a34a66;border:1px solid #4ade8066;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ts-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.ts-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.ts-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.ts-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.ts-info-card.align-start{align-items:flex-start}.ts-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ts-info-text{flex:1}.ts-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.ts-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ts-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.ts-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.ts-guidelines-list li::marker{color:#ea580c}.ts-photo-section{margin-top:8px}.ts-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ts-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.ts-camera-view{background:#064e3b url(https://images.unsplash.com/photo-1579952363873-27f3bade9f55?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.ts-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.ts-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.ts-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ts-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.ts-preview-section{margin-top:8px}.ts-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ts-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.ts-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.ts-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.ts-preview-thumb{background-image:url(https://images.unsplash.com/photo-1579952363873-27f3bade9f55?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.ts-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.ts-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.ts-success-header{text-align:center;background:#0f172a;padding:24px 20px 40px;position:relative;overflow:hidden}.ts-header-top{z-index:2;color:#fff;display:flex;position:relative}.ts-header-top .icon-btn{color:#fff}.ts-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.ts-summary-card{text-align:center;background:#f0fdf4;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.ts-summary-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.ts-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.ts-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.ts-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ts-timeline{flex-direction:column;padding:0 12px;display:flex}.ts-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.to-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.to-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.to-header-top{justify-content:space-between;align-items:center;display:flex}.to-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.to-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.to-hero-card{background-color:#2a1610;background-image:url(https://images.unsplash.com/photo-1501555088652-021faa106b9b?q=80&w=1473&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.to-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#0009 60%,#0003 100%);position:absolute;inset:0}.to-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.to-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.to-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.to-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.text-orange{color:#f97316}.to-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.to-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.to-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.to-info-card.align-start{align-items:flex-start}.to-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.to-info-text{flex:1}.to-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.to-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.to-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.to-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.to-guidelines-list li::marker{color:#ea580c}.to-photo-section{margin-top:8px}.to-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.to-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.to-camera-view{background:#2a1610 url(https://images.unsplash.com/photo-1501555088652-021faa106b9b?q=80&w=1473&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.to-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.to-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.to-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.to-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.to-preview-section{margin-top:8px}.to-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.to-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.to-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.to-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.to-preview-thumb{background-image:url(https://images.unsplash.com/photo-1501555088652-021faa106b9b?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.to-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.to-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.to-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.to-header-top{z-index:2;color:#fff;display:flex;position:relative}.to-header-top .icon-btn{color:#fff}.to-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.to-summary-card{text-align:center;background:#fff7ed;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.to-summary-icon{background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.to-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.to-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.to-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.to-timeline{flex-direction:column;padding:0 12px;display:flex}.to-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.coffee-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.coffee-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.coffee-header-top{justify-content:space-between;align-items:center;display:flex}.coffee-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.coffee-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.coffee-hero-card{background-color:#451a03;background-image:url(https://images.unsplash.com/photo-1577563908411-5077b6dc7624?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.coffee-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#000000b3 60%,#0003 100%);position:absolute;inset:0}.coffee-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.coffee-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.coffee-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.coffee-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.coffee-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.coffee-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.coffee-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.coffee-info-card.align-start{align-items:flex-start}.coffee-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.coffee-info-text{flex:1}.coffee-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.coffee-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.coffee-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.coffee-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.coffee-guidelines-list li::marker{color:#ea580c}.coffee-photo-section{margin-top:8px}.coffee-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.coffee-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.coffee-camera-view{background:#451a03 url(https://images.unsplash.com/photo-1577563908411-5077b6dc7624?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.coffee-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.coffee-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.coffee-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.coffee-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.coffee-preview-section{margin-top:8px}.coffee-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.coffee-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.coffee-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.coffee-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.coffee-preview-thumb{background-image:url(https://images.unsplash.com/photo-1577563908411-5077b6dc7624?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.coffee-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.coffee-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.coffee-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.coffee-header-top{z-index:2;color:#fff;display:flex;position:relative}.coffee-header-top .icon-btn{color:#fff}.giant-coffee{z-index:2;filter:drop-shadow(0 0 20px #fbbf2466);justify-content:center;margin:32px auto 24px;display:flex;position:relative}.coffee-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.coffee-summary-card{text-align:center;background:#fff7ed;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.coffee-summary-icon{background:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.coffee-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.coffee-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.coffee-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.coffee-timeline{flex-direction:column;padding:0 12px;display:flex}.coffee-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.cc-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.cc-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.cc-header-top{justify-content:space-between;align-items:center;display:flex}.cc-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.cc-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.cc-hero-card{background-color:#1e1b4b;background-image:url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.cc-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#0009 60%,#0003 100%);position:absolute;inset:0}.cc-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.cc-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cc-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#581c8780;border:1px solid #a855f766;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cc-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.text-purple{color:#c084fc}.cc-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.cc-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.cc-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.cc-info-card.align-start{align-items:flex-start}.cc-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cc-info-text{flex:1}.cc-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.cc-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.cc-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.cc-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.cc-guidelines-list li::marker{color:#ea580c}.cc-photo-section{margin-top:8px}.cc-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cc-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.cc-camera-view{background:#1e1b4b url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.cc-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.cc-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.cc-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.cc-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.cc-preview-section{margin-top:8px}.cc-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cc-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.cc-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.cc-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.cc-preview-thumb{background-image:url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.cc-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.cc-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.cc-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.cc-header-top{z-index:2;color:#fff;display:flex;position:relative}.cc-header-top .icon-btn{color:#fff}.cc-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.cc-summary-card{text-align:center;background:#faf5ff;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.cc-summary-icon{background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.cc-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.cc-points-highlight{color:#9333ea;margin-bottom:12px;font-size:16px;font-weight:700}.cc-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.cc-timeline{flex-direction:column;padding:0 12px;display:flex}.cc-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-outline-purple{color:#9333ea;cursor:pointer;background:#fff;border:1px solid #9333ea;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.ss-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ss-header-section{z-index:10;background:#fff;padding:16px 20px;position:sticky;top:0}.ss-header-top{justify-content:space-between;align-items:center;display:flex}.ss-header-top h1{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.ss-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.ss-hero-card{background-color:#451a03;background-image:url(https://images.unsplash.com/photo-1511895426328-dc8714191300?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.ss-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#000000b3 60%,#0003 100%);position:absolute;inset:0}.ss-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.ss-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ss-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #f59e0b66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ss-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700;line-height:1.2}.text-yellow{color:#fbbf24}.ss-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.ss-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.ss-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.ss-info-card.align-start{align-items:flex-start}.ss-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ss-info-text{flex:1}.ss-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.ss-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ss-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.ss-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.ss-guidelines-list li::marker{color:#ea580c}.ss-photo-section{margin-top:8px}.ss-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ss-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.ss-camera-view{background:#451a03 url(https://images.unsplash.com/photo-1511895426328-dc8714191300?q=80&w=1470&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.ss-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.ss-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.ss-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ss-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.ss-preview-section{margin-top:8px}.ss-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ss-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.ss-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.ss-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.ss-preview-thumb{background-image:url(https://images.unsplash.com/photo-1511895426328-dc8714191300?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:70px}.ss-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.ss-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.ss-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.ss-header-top{z-index:2;color:#fff;display:flex;position:relative}.ss-header-top .icon-btn{color:#fff}.ss-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.ss-summary-card{text-align:center;background:#fef2f2;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.ss-summary-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.ss-summary-card h3{color:#312e81;margin:0 0 8px;font-size:16px;font-weight:800}.ss-points-highlight{color:#312e81;margin-bottom:12px;font-size:16px;font-weight:700}.ss-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.ss-timeline{flex-direction:column;padding:0 12px;display:flex}.ss-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-outline-orange{color:#ea580c;cursor:pointer;background:#fff;border:1px solid #ea580c;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.fm-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.fm-header-section{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;position:sticky;top:0}.fm-header-top{justify-content:space-between;align-items:center;display:flex}.fm-header-top h1{color:#0b0c20;text-align:center;margin:0;font-size:16px;font-weight:700;line-height:1.2}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-8px;padding:8px;display:flex}.fm-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.fm-hero-card{background-color:#064e3b;background-image:url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1374&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.fm-hero-overlay{z-index:1;background:linear-gradient(90deg,#000000f2 0%,#000c 60%,#0003 100%);position:absolute;inset:0}.fm-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.fm-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.fm-hero-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16a34a66;border:1px solid #4ade8066;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.fm-hero-title{color:#fff;margin:0;font-size:16px;font-weight:700;line-height:1.2}.fm-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.fm-points-pill{color:#ea580c;background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.fm-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.fm-info-card.align-start{align-items:flex-start}.fm-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.fm-info-text{flex:1}.fm-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.fm-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.fm-info-points{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.fm-guidelines-list{color:#64748b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.fm-guidelines-list li::marker{color:#ea580c}.fm-photo-section{margin-top:8px}.fm-section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.fm-section-title h3{color:#0b0c20;margin:0;font-size:16px;font-weight:700}.fm-camera-view{background:#064e3b url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1374&auto=format&fit=crop) 50%/cover;border-radius:16px;height:240px;position:relative;overflow:hidden}.fm-switch-camera{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.fm-gallery-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#00000080;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:16px;left:16px}.fm-shutter-button{cursor:pointer;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.fm-shutter-inner{background:#ea580c;border-radius:50%;width:50px;height:50px}.fm-preview-section{margin-top:8px}.fm-preview-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.fm-preview-header h3{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.fm-retake-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:flex}.fm-preview-card{background:#f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.fm-preview-thumb{background-image:url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=400&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:8px;width:100px;height:100px}.fm-preview-meta{flex-direction:column;justify-content:center;gap:6px;display:flex}.meta-icon{justify-content:center;width:16px;display:flex}.fm-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 12px #ea580c33}.fm-success-header{text-align:center;background:#111827;padding:24px 20px 40px;position:relative;overflow:hidden}.fm-header-top{z-index:2;color:#fff;display:flex;position:relative}.fm-header-top .icon-btn{color:#fff}.giant-crown{z-index:2;filter:drop-shadow(0 0 20px #fbbf2466);justify-content:center;margin:32px auto 24px;display:flex;position:relative}.success-desc{color:#9ca3af;z-index:2;margin:0;font-size:14px;position:relative}.fm-success-content{z-index:10;background:#fbfcfd;border-radius:24px 24px 0 0;flex-direction:column;flex:1;gap:24px;margin-top:-20px;padding:24px 20px;display:flex;position:relative}.fm-summary-card{text-align:center;background:#f0fdf4;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.fm-summary-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.fm-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800;line-height:1.3}.fm-points-highlight{color:#ea580c;margin-bottom:12px;font-size:16px;font-weight:700}.fm-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.fm-timeline{flex-direction:column;padding:0 12px;display:flex}.timeline-item.active .timeline-icon{color:#fff;background:#16a34a}.fm-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-secondary{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.nmda-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.nmda-header{z-index:10;background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.nmda-header h2{color:#0b0c20;margin:0;font-size:18px;font-weight:700}.back-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-4px;padding:4px;display:flex}.nmda-content{padding:16px 20px}.nmda-list{flex-direction:column;display:flex}.nmda-list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 0;display:flex}.nmda-list-item:last-child{border-bottom:none}.nmda-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.red-badge{color:#ef4444;background-color:#fee2e2}.blue-badge{color:#3b82f6;background-color:#e0e7ff}.gold-badge{color:#f59e0b;background-color:#fef3c7}.purple-badge{color:#a855f7;background-color:#f3e8ff}.green-badge{color:#22c55e;background-color:#dcfce7}.orange-badge{color:#f97316;background-color:#ffedd5}.brown-badge{color:#b45309;background-color:#ffedd5}.nmda-item-content{flex:1}.nmda-item-content h4{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.nmda-item-content p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.nmda-item-points{color:#ea580c;white-space:nowrap;font-size:14px;font-weight:700}.kf-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.kf-page.bg-light{background-color:#f8fafc}.kf-header-section{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;position:sticky;top:0}.kf-header-top{justify-content:space-between;align-items:center;display:flex}.padding-header{background:#fff;padding:16px 20px}.kf-header-top h1{color:#0b0c20;text-align:center;margin:0;font-size:16px;font-weight:700}.text-white{color:#fff!important}.icon-btn{cursor:pointer;color:#1a1a2e;background:0 0;border:none;justify-content:center;align-items:center;margin:-8px;padding:8px;display:flex}.kf-content-container{flex-direction:column;gap:16px;padding:16px 20px 100px;display:flex}.kf-hero-card{background-color:#064e3b;background-image:url(https://images.unsplash.com/photo-1579621970588-a35d0e7ab9b6?q=80&w=1470&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:20px;min-height:210px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.kf-hero-overlay{z-index:1;background:linear-gradient(90deg,#022c22f2 0%,#022c22d9 50%,#022c2266 100%);position:absolute;inset:0}.kf-hero-content{z-index:2;flex-direction:column;align-items:flex-start;height:100%;padding:24px;display:flex;position:relative}.kf-hero-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.kf-hero-icon{background:#022c22;border:1px solid #059669;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kf-hero-title{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.25}.kf-hero-desc{color:#ffffffe6;margin:0 0 16px;font-size:13px;line-height:1.4}.kf-points-pill{color:#fbbf24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fbbf24;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.kf-info-card{background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex;box-shadow:0 2px 12px #00000008}.kf-info-card.align-start{align-items:flex-start}.kf-info-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.orange-wrapper{background:#fff7ed}.kf-info-text{flex:1}.kf-info-text h3{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.kf-info-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.kf-info-points{white-space:nowrap;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:700}.green-pill{color:#16a34a;background:#dcfce7}.kf-guidelines-list{color:#1e293b;margin:8px 0 0;padding:0 0 0 16px;font-size:13px;line-height:1.6}.kf-guidelines-list li::marker{color:#16a34a}.kf-monthly-banner{background:#f0fdf4;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.kf-monthly-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #0000000d}.kf-monthly-text h4{color:#166534;margin:0 0 2px;font-size:14px;font-weight:700}.kf-monthly-text p{color:#15803d;margin:0;font-size:12px}.kf-section-title{align-items:center;gap:8px;margin-bottom:8px;display:flex}.kf-section-title.with-icon{margin-bottom:12px}.kf-section-title h3{color:#0b0c20;margin:0;font-size:15px;font-weight:700}.text-light{color:#94a3b8;font-weight:500}.mt-4{margin-top:8px}.payment-screenshot{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;width:130px;padding:12px 10px;display:flex;box-shadow:0 2px 10px #00000014}.ps-logo{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.ps-title{color:#0f172a;margin-bottom:4px;font-size:10px;font-weight:600}.ps-amount{color:#0f172a;margin-bottom:6px;font-size:16px;font-weight:800}.ps-to{color:#475569;margin-bottom:6px;font-size:9px;line-height:1.2}.ps-date{color:#94a3b8;font-size:8px}.kf-example-wrapper{transform-origin:0 0;transform:scale(.9)}.kf-upload-box{cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:all .2s;display:flex}.kf-upload-text{color:#334155;margin:12px 0 4px;font-size:14px;font-weight:600}.kf-upload-sub{color:#94a3b8;margin:0;font-size:12px}.kf-preview-container{display:flex}.kf-preview-box{background:#f1f5f9;border-radius:12px;padding:12px;display:inline-block;position:relative}.kf-preview-scale{transform-origin:50%;transform:scale(.85)}.kf-remove-btn{cursor:pointer;z-index:5;background:#475569;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:-8px;right:-8px}.kf-form-row{gap:16px;display:flex}.kf-input-group{flex-direction:column;flex:1;gap:8px;display:flex}.kf-input-group label{color:#334155;font-size:13px;font-weight:600}.kf-input-group input{color:#0f172a;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.kf-input-with-icon{align-items:center;display:flex;position:relative}.kf-input-with-icon input{width:100%;padding-right:40px}.kf-input-with-icon svg{position:absolute;right:12px}.kf-bottom-action{z-index:20;background:#fff;border-top:1px solid #f1f5f9;max-width:480px;margin:0 auto;padding:16px 20px;position:fixed;bottom:0;left:0;right:0}.btn-primary-green{color:#fff;cursor:pointer;background:#15803d;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.kf-submitted-hero{text-align:center;background:#fff;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.kf-submitted-icon{background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.kf-submitted-title{color:#312e81;margin:0 0 8px;font-size:20px;font-weight:800}.kf-submitted-desc{color:#64748b;margin:0;font-size:14px;line-height:1.5}.kf-success-content{background:#fbfcfd;flex-direction:column;flex:1;gap:24px;padding:24px 20px;display:flex}.kf-approved-header{text-align:center;background:#022c22;padding:24px 20px 40px;position:relative;overflow:hidden}.confetti-layer{opacity:.4;background-image:radial-gradient(#22c55e 3px,#0000 4px),radial-gradient(#fbbf24 3px,#0000 4px),radial-gradient(#ea580c 3px,#0000 4px);background-position:0 0,30px 30px,15px 45px;background-size:60px 60px;position:absolute;inset:0}.giant-trophy{z-index:2;filter:drop-shadow(0 0 20px #fbbf2466);justify-content:center;margin:32px auto 24px;display:flex;position:relative}.success-title{color:#fff;z-index:2;margin:0 0 8px;font-size:24px;font-weight:800;position:relative}.success-desc{color:#a7f3d0;z-index:2;margin:0;font-size:14px;line-height:1.4;position:relative}.kf-approved-content{z-index:10;border-radius:24px 24px 0 0;margin-top:-20px;position:relative}.kf-summary-card{text-align:center;background:#f0fdf4;border-radius:16px;flex-direction:column;align-items:center;padding:24px 20px;display:flex}.kf-summary-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.kf-summary-icon.green-bg{background:#dcfce7}.kf-summary-card h3{color:#0b0c20;margin:0 0 8px;font-size:16px;font-weight:800}.text-green{color:#16a34a!important}.kf-points-highlight{margin-bottom:12px;font-size:18px;font-weight:800}.kf-summary-desc{color:#64748b;margin:0;font-size:13px;line-height:1.4}.kf-timeline{flex-direction:column;padding:0 12px;display:flex}.timeline-item{gap:16px;display:flex}.timeline-icon{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bg-purple{background:#6366f1}.bg-green{background:#16a34a}.bg-green-star{background:#16a34a;padding:2px}.timeline-item.pending .timeline-icon{color:#64748b;background:#e2e8f0}.timeline-item.upcoming .timeline-icon{color:#94a3b8;background:#f1f5f9}.timeline-connector{background:#e2e8f0;width:2px;height:24px;margin:4px 0 4px 13px}.timeline-connector.active{background:#16a34a}.timeline-content{flex:1;padding-bottom:8px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.timeline-content h4{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.timeline-item.pending h4{color:#1e293b}.timeline-item.upcoming h4{color:#0b0c20}.timeline-content p{color:#64748b;margin:0;font-size:12px}.status-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600}.status-pill.success{color:#16a34a;background:#dcfce7}.kf-details-section{flex-direction:column;gap:12px;display:flex}.kf-details-header{align-items:center;gap:8px;display:flex}.kf-details-header h4{color:#0b0c20;margin:0;font-size:14px;font-weight:700}.kf-details-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;gap:16px;padding:12px;display:flex}.kf-details-thumb{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:90px;height:110px;display:flex;overflow:hidden}.kf-details-thumb .payment-screenshot{transform-origin:50%;box-shadow:none;border:none;transform:scale(.6)}.kf-details-meta{flex-direction:column;justify-content:center;gap:8px;display:flex}.meta-row{align-items:center;gap:8px;display:flex}.meta-row span{color:#334155;font-size:12px;font-weight:500}.kf-action-buttons{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-solid-green{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.btn-outline-green{color:#16a34a;cursor:pointer;background:#fff;border:1px solid #16a34a;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.btn-secondary-blue{color:#312e81;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.hg-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.hg-header-section{color:#fff;background:linear-gradient(#12151cb3,#12151c),url(https://images.unsplash.com/photo-1556761175-5973dc0f32e7?q=80&w=2064&auto=format&fit=crop) 50%/cover;flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.hg-header-top{z-index:2;align-items:center;width:100%;margin-bottom:30px;display:flex;position:relative}.hg-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.hg-badge-container{z-index:2;margin-bottom:16px;position:relative}.hg-badge{color:#f59e0b;background:#fff8f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 20px #f59e0b33}.hg-title{z-index:2;margin:0 0 4px;font-size:22px;font-weight:700;position:relative}.hg-points{color:#fbd38d;z-index:2;margin-bottom:12px;font-size:16px;font-weight:700;position:relative}.hg-desc{color:#d1d5db;text-align:center;z-index:2;max-width:260px;margin:0;font-size:13px;line-height:1.4;position:relative}.hg-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.hg-section{margin-bottom:24px}.hg-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.hg-section-icon{color:#d97706;background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hg-section-title-wrap{flex:1}.hg-section-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:700}.hg-section-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.hg-counter{justify-content:center;align-items:center;gap:24px;margin-top:16px;display:flex}.hg-counter-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.hg-counter-value{color:#111;text-align:center;min-width:40px;font-size:24px;font-weight:700}.hg-textarea-container{margin-top:12px;position:relative}.hg-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.hg-textarea::placeholder{color:#9ca3af}.hg-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.hg-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:12px;padding:24px;display:flex}.hg-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.hg-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.hg-upload-subtext{color:#9ca3af;font-size:12px}.hg-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;margin-top:8px;margin-bottom:24px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.hg-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-crown{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative}.success-title{z-index:2;margin:0 0 8px;font-size:24px;font-weight:700;position:relative}.success-desc{color:#d1d5db;text-align:center;z-index:2;max-width:280px;margin:0;font-size:14px;line-height:1.4;position:relative}.summary-points{color:#d97706;margin-bottom:4px;font-size:15px;font-weight:700}.summary-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.3}.hr-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.hr-header-section{color:#fff;background:linear-gradient(#12151cb3,#12151c),url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=2070&auto=format&fit=crop) 50%/cover;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.hr-header-top{z-index:2;align-items:center;width:100%;margin-bottom:24px;display:flex;position:relative}.hr-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.hr-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.hr-badge-green{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #16a34a33}.hr-title{margin:0 0 4px;font-size:22px;font-weight:700}.hr-points{color:#fbd38d;margin-bottom:4px;font-size:16px;font-weight:700}.hr-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.hr-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.hr-content-section.light-bg{background:#fff}.hr-info-item{gap:16px;margin-bottom:24px;display:flex}.hr-icon-red{color:#ef4444}.hr-icon-blue{color:#3b82f6}.hr-icon-yellow{color:#f59e0b}.hr-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.hr-info-desc{color:#555;margin:0;font-size:13px;line-height:1.5}.hr-list{margin:8px 0 0;padding-left:0;list-style:none}.hr-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.hr-list li:before{content:"✓";color:#ef4444;font-weight:700}.hr-list.tips li:before{content:"•";color:#f59e0b}.hr-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.hr-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.hr-form-page{background-color:#fbfbfb;min-height:100vh}.hr-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.hr-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.hr-form-top-card .hr-badge-green{width:56px;height:56px}.hr-form-top-title{color:#111;margin:0 0 4px;font-size:16px;font-weight:700}.hr-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.hr-form-top-desc{color:#6b7280;margin:0;font-size:12px}.hr-form-content{padding:0 20px 24px}.hr-form-section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.hr-form-section-icon{color:#d97706}.hr-referral-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:20px}.hr-referral-header{color:#111;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;display:flex}.hr-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.hr-input-group{margin-bottom:16px}.hr-input-group label{color:#374151;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.hr-input-group label span.req{color:#ef4444}.hr-input-wrapper{align-items:center;display:flex;position:relative}.hr-input-icon{color:#9ca3af;position:absolute;left:14px}.hr-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 12px 12px 40px;font-family:inherit;font-size:14px}.hr-add-btn{color:#d97706;cursor:pointer;background:#fffdf5;border:1.5px dashed #fbd38d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:16px;font-weight:600;display:flex}.hr-total-card{background:#fffbf0;border:1px solid #fef3c7;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.hr-total-icon{color:#d97706;background:#fef3c7;border-radius:8px;padding:8px}.hr-total-num{color:#d97706;margin-left:auto;font-size:24px;font-weight:700}.hr-checkbox-wrapper{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.hr-checkbox{accent-color:#d97706;width:20px;height:20px;margin-top:2px}.hr-checkbox-label{color:#4b5563;font-size:13px;line-height:1.4}.hr-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-trophy{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative}.note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.h11-page{background-color:#110e1b;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.h11-header-section{color:#fff;background:linear-gradient(#110e1bb3,#110e1b),url(https://images.unsplash.com/photo-1556761175-5973dc0f32e7?q=80&w=2064&auto=format&fit=crop) 50%/cover;flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.h11-header-top{z-index:2;align-items:center;width:100%;margin-bottom:30px;display:flex;position:relative}.h11-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.h11-badge-container{z-index:2;margin-bottom:16px;position:relative}.h11-badge{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 0 20px #7c3aed33}.h11-badge.large{width:140px;height:140px;margin-bottom:24px}.h11-badge.large svg{width:64px;height:64px}.h11-badge-check{color:#fff;background:#22c55e;border:3px solid #110e1b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:-4px;right:-4px}.h11-badge.large .h11-badge-check{width:44px;height:44px;bottom:0;right:0}.h11-title{z-index:2;margin:0 0 4px;font-size:22px;font-weight:700;position:relative}.h11-points{color:#c4b5fd;z-index:2;margin-bottom:12px;font-size:16px;font-weight:700;position:relative}.h11-desc{color:#d1d5db;text-align:center;z-index:2;max-width:260px;margin:0;font-size:13px;line-height:1.4;position:relative}.h11-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.h11-section{margin-bottom:24px}.h11-section-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.h11-section-icon{color:#7c3aed;background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.h11-section-title-wrap{flex:1}.h11-section-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:700}.h11-section-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.h11-counter{justify-content:center;align-items:center;gap:24px;display:flex}.h11-counter-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.h11-counter-value{color:#111;text-align:center;min-width:40px;font-size:24px;font-weight:700}.h11-member-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.h11-member-item{align-items:center;gap:12px;display:flex}.h11-member-input{color:#111;border:1px solid #e5e7eb;border-radius:12px;flex:1;padding:14px 16px;font-size:14px}.h11-member-input::placeholder{color:#9ca3af}.h11-remove-member{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.h11-add-member-btn{color:#7c3aed;cursor:pointer;background:#faf5ff;border:1px dashed #d8b4fe;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-weight:600;display:flex}.h11-textarea-container{position:relative}.h11-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.h11-textarea::placeholder{color:#9ca3af}.h11-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.h11-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7c3aed,#6d28d9);border:none;border-radius:12px;width:100%;margin-top:8px;margin-bottom:24px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #7c3aed4d}.h11-success-header{color:#fff;background:radial-gradient(circle,#2e1d5e 0%,#110e1b 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.confetti-layer{opacity:.6;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg width=\"400\" height=\"400\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"50\" y=\"50\" width=\"10\" height=\"20\" fill=\"%238b5cf6\" transform=\"rotate(45 50 50)\"/><rect x=\"150\" y=\"80\" width=\"8\" height=\"16\" fill=\"%23a78bfa\" transform=\"rotate(15 150 80)\"/><rect x=\"300\" y=\"100\" width=\"12\" height=\"12\" fill=\"%23c4b5fd\" transform=\"rotate(60 300 100)\"/><rect x=\"80\" y=\"200\" width=\"10\" height=\"25\" fill=\"%237c3aed\" transform=\"rotate(30 80 200)\"/><rect x=\"250\" y=\"250\" width=\"8\" height=\"15\" fill=\"%238b5cf6\" transform=\"rotate(75 250 250)\"/><rect x=\"350\" y=\"50\" width=\"10\" height=\"10\" fill=\"%23a78bfa\" transform=\"rotate(20 350 50)\"/></svg>");background-size:cover;position:absolute;inset:0}.h11-summary-card{background:#faf5ff;border:1px solid #f3e8ff;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;position:relative}.h11-summary-badge{color:#7c3aed;background:#f3e8ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.h11-summary-info{flex:1}.h11-summary-title{color:#111;margin:0 0 2px;font-size:15px;font-weight:700}.h11-summary-points{color:#7c3aed;margin-bottom:4px;font-size:15px;font-weight:700}.h11-summary-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.3}.h11-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px}.h11-pill.under-review{color:#16a34a;background:#dcfce7}.h11-pill.submitted{color:#7c3aed;background:#f3e8ff}.h11-pill.completed{color:#16a34a;background:#dcfce7}.h11-pill.approved{color:#7c3aed;background:#f3e8ff}.h11-action-btns{flex-direction:column;gap:12px;display:flex}.btn-primary-purple{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.h11-note-box{background:#faf5ff;border:1px solid #f3e8ff;border-radius:16px;margin-top:24px;padding:16px}.h11-note-box-header{color:#7c3aed;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.h11-note-list{margin:0;padding:0;list-style:none}.h11-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.h11-note-list li:before{content:"•";color:#7c3aed}.timeline-icon.review{color:#fff;background:#22c55e}.timeline-icon.award{color:#fff;background:#f59e0b}.h11-details-header{color:#fff;background:#110e1b;align-items:center;margin-bottom:20px;padding:20px;display:flex}.h11-details-header h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.h11-details-list{flex-direction:column;gap:20px;margin-bottom:32px;display:flex}.h11-details-row{align-items:flex-start;gap:16px;display:flex}.h11-details-icon{color:#6b7280;margin-top:2px}.h11-details-text-group{flex-direction:column;flex:1;gap:4px;display:flex}.h11-details-label{color:#6b7280;font-size:13px}.h11-details-value{color:#111;font-size:14px;font-weight:500;line-height:1.4}.h11-proof-image{border-radius:12px;width:100%;margin-top:8px;position:relative;overflow:hidden}.h11-proof-image img{width:100%;display:block}.h11-proof-expand{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:8px;right:8px}.fa-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.fa-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1594938298603-c8148c4dae35?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.fa-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.fa-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.fa-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.fa-badge-blue{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #2563eb33}.fa-title{margin:0 0 4px;font-size:22px;font-weight:700}.fa-points{color:#fbd38d;margin-bottom:4px;font-size:16px;font-weight:700}.fa-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.fa-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.fa-info-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;gap:16px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.fa-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;padding:8px}.fa-icon-green{color:#16a34a;background:#dcfce7;border-radius:8px;padding:8px}.fa-icon-yellow{color:#d97706;background:#fef3c7;border-radius:8px;padding:8px}.fa-info-title{color:#111;margin:0 0 4px;font-size:14px;font-weight:700}.fa-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.fa-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.fa-mini-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.fa-examples-section{margin-top:24px;margin-bottom:32px}.fa-examples-title{color:#111;margin-bottom:16px;font-size:16px;font-weight:700}.fa-examples-grid{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.fa-example-item{text-align:center;flex-direction:column;flex:0 0 110px;align-items:center;display:flex}.fa-example-img-wrap{border-radius:12px;width:100px;height:100px;margin-bottom:12px;position:relative;overflow:hidden}.fa-example-img{object-fit:cover;width:100%;height:100%}.fa-example-badge{z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.fa-example-badge.success{color:#fff;background:#22c55e}.fa-example-badge.error{color:#fff;background:#ef4444}.fa-example-text{color:#4b5563;margin-top:8px;font-size:11px;line-height:1.3}.fa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.fa-form-page{background-color:#fbfbfb;min-height:100vh}.fa-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.fa-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.fa-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.fa-form-top-points{color:#d97706;font-size:14px;font-weight:700}.fa-form-content{padding:0 20px 24px}.fa-photo-preview-wrap{border-radius:16px;width:100%;height:200px;margin-top:16px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.fa-photo-preview{object-fit:cover;width:100%;height:100%}.fa-photo-remove{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0003}.fa-textarea-section{margin-bottom:24px}.fa-textarea-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.fa-textarea-icon{color:#d97706;background:#fef3c7;border-radius:8px;padding:8px}.fa-textarea-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.fa-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:100px;padding:16px;font-family:inherit;font-size:14px}.fa-textarea::placeholder{color:#9ca3af}.fa-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-star-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-star-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.fa-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.fa-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.fa-pill.submitted{color:#d97706;background:#fffbeb}.fa-action-btns{flex-direction:column;gap:12px;display:flex}.fa-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.fa-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.fa-note-list{margin:0;padding:0;list-style:none}.fa-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.fa-note-list li:before{content:"•";color:#d97706}.bp-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.bp-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c80,#12151c),url(https://images.unsplash.com/photo-1558222218-b7b54eede3f3?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.bp-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.bp-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.bp-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.bp-badge-red{color:#e11d48;background:#ffe4e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #e11d4833}.bp-title{margin:0 0 4px;font-size:22px;font-weight:700}.bp-points{color:#fecdd3;margin-bottom:4px;font-size:16px;font-weight:700}.bp-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.bp-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.bp-info-item{gap:16px;margin-bottom:24px;display:flex}.bp-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.bp-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.bp-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.bp-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.bp-list{margin:8px 0 0;padding-left:0;list-style:none}.bp-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.bp-list li:before{content:"✓";color:#e11d48;font-weight:700}.bp-tips-card{background:#fff1f2;border-radius:16px;margin-bottom:24px;padding:16px}.bp-tips-header{color:#e11d48;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.bp-tips-list{margin:0;padding:0;list-style:none}.bp-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.bp-tips-list li:before{content:"•";color:#e11d48}.bp-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#e11d48,#be123c);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #e11d484d}.bp-form-page{background-color:#fbfbfb;min-height:100vh}.bp-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.bp-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.bp-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.bp-form-top-points{color:#e11d48;font-size:14px;font-weight:700}.bp-form-content{padding:0 20px 24px}.bp-upload-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bp-upload-icon-wrap{color:#e11d48;background:#ffe4e6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bp-upload-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:700}.bp-upload-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.4}.bp-video-preview{background:#000;border-radius:16px;width:100%;height:200px;margin-bottom:16px;position:relative;overflow:hidden}.bp-video-preview img{object-fit:cover;opacity:.8;width:100%;height:100%}.bp-play-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bp-video-duration{color:#fff;background:#0009;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.bp-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.bp-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.bp-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.bp-upload-subtext{color:#9ca3af;font-size:12px}.bp-textarea-section{margin-bottom:24px}.bp-textarea-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bp-textarea-icon{color:#e11d48;background:#ffe4e6;border-radius:8px;padding:8px}.bp-textarea-title{color:#1a1a1a;margin:0 0 2px;font-size:15px;font-weight:700}.bp-textarea-subtitle{color:#6b7280;margin:0;font-size:13px}.bp-textarea-container{position:relative}.bp-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.bp-textarea::placeholder{color:#9ca3af}.bp-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.bp-success-header{color:#fff;background:radial-gradient(circle,#4c0519 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-mic-badge{z-index:2;color:#e11d48;background:radial-gradient(circle,#ffe4e6 0%,#fda4af 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:0 0 30px #e11d4866,inset 0 0 20px #fffc}.giant-mic-badge svg{fill:#e11d48}.bp-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.bp-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.bp-pill.submitted{color:#e11d48;background:#ffe4e6}.bp-action-btns{flex-direction:column;gap:12px;display:flex}.btn-primary-red{color:#fff;cursor:pointer;background:#e11d48;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.bp-note-box{background:#fff1f2;border:1px solid #ffe4e6;border-radius:16px;margin-top:24px;padding:16px}.bp-note-box-header{color:#e11d48;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.bp-note-list{margin:0;padding:0;list-style:none}.bp-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.bp-note-list li:before{content:"•";color:#e11d48}.ba-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ba-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1594938298603-c8148c4dae35?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.ba-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.ba-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.ba-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.ba-badge-gold{color:#d97706;background:#fffbeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #d9770633}.ba-title{margin:0 0 4px;font-size:22px;font-weight:700}.ba-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.ba-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.ba-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.ba-info-item{gap:16px;margin-bottom:24px;display:flex}.ba-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.ba-icon-gold{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.ba-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.ba-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.ba-list{margin:8px 0 0;padding-left:0;list-style:none}.ba-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.ba-list li:before{content:"✓";color:#111;font-weight:700}.ba-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.ba-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.ba-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.ba-form-page{background-color:#fbfbfb;min-height:100vh}.ba-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.ba-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.ba-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.ba-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.ba-form-top-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.3}.ba-form-content{padding:0 20px 24px}.ba-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.ba-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.ba-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.ba-upload-subtext{color:#9ca3af;font-size:12px}.ba-photo-preview-wrap{border-radius:16px;width:100%;height:200px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ba-photo-preview{object-fit:cover;width:100%;height:100%}.ba-photo-remove{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0003}.ba-examples-title{color:#111;margin-bottom:12px;font-size:15px;font-weight:700}.ba-examples-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.ba-example-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;overflow:hidden}.ba-example-img-wrap{width:100%;height:120px;position:relative}.ba-example-img{object-fit:cover;width:100%;height:100%}.ba-example-badge{z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.ba-example-badge.success{color:#fff;background:#22c55e}.ba-example-badge.error{color:#fff;background:#ef4444}.ba-example-footer{padding:16px 8px 12px}.ba-example-label{color:#111;margin-bottom:2px;font-size:12px;font-weight:700}.ba-example-sublabel{color:#6b7280;font-size:10px}.ba-textarea-section{margin-bottom:24px}.ba-textarea-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ba-textarea-icon{color:#d97706;background:#fffbeb;border-radius:8px;padding:8px}.ba-textarea-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.ba-textarea-container{position:relative}.ba-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.ba-textarea::placeholder{color:#9ca3af}.ba-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.ba-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-crown-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-crown-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.ba-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.ba-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.ba-pill.submitted{color:#d97706;background:#fffbeb}.ba-action-btns{flex-direction:column;gap:12px;display:flex}.ba-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.ba-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.ba-note-list{margin:0;padding:0;list-style:none}.ba-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.ba-note-list li:before{content:"•";color:#d97706}.sotw-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.sotw-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1574607383476-f517f260d30b?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.sotw-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.sotw-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.sotw-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.sotw-badge-white{color:#f59e0b;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #f59e0b33}.sotw-title{margin:0 0 4px;font-size:22px;font-weight:700}.sotw-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.sotw-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.sotw-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.sotw-info-item{gap:16px;margin-bottom:24px;display:flex}.sotw-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.sotw-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.sotw-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.sotw-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.sotw-list{margin:8px 0 0;padding-left:0;list-style:none}.sotw-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.sotw-list li:before{content:"✓";color:#555;font-weight:700}.sotw-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.sotw-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.sotw-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.sotw-form-page{background-color:#fbfbfb;min-height:100vh}.sotw-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.sotw-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.sotw-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.sotw-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.sotw-form-top-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.3}.sotw-form-content{padding:0 20px 24px}.sotw-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sotw-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sotw-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.sotw-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.sotw-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.sotw-upload-subtext{color:#9ca3af;font-size:12px}.sotw-photo-preview-wrap{border-radius:16px;width:100%;height:200px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.sotw-photo-preview{object-fit:cover;width:100%;height:100%}.sotw-photo-remove{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0003}.sotw-textarea-container{margin-bottom:24px;position:relative}.sotw-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.sotw-textarea::placeholder{color:#9ca3af}.sotw-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.sotw-dropdown{color:#111;appearance:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%236b7280%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E) right 12px center/20px no-repeat;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:32px;padding:16px;font-family:inherit;font-size:14px}.sotw-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-star-icon{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 30px #fbbf2466);justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative}.giant-star-icon svg{fill:#f59e0b;stroke:#fbbf24;stroke-width:1.5px}.sotw-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.sotw-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.sotw-pill.submitted{color:#d97706;background:#fffbeb}.sotw-action-btns{flex-direction:column;gap:12px;display:flex}.sotw-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.sotw-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.sotw-note-list{margin:0;padding:0;list-style:none}.sotw-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.sotw-note-list li:before{content:"•";color:#d97706}.bv-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.bv-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1543269865-cbf427effbad?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.bv-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.bv-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.bv-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.bv-badge-white{color:#7c3aed;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #7c3aed33}.bv-title{margin:0 0 4px;font-size:22px;font-weight:700}.bv-points{color:#fbd38d;margin-bottom:4px;font-size:16px;font-weight:700}.bv-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.bv-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.bv-info-item{gap:16px;margin-bottom:24px;display:flex}.bv-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.bv-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.bv-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.bv-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.bv-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.bv-list{margin:8px 0 0;padding-left:0;list-style:none}.bv-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.bv-list li:before{content:"✓";color:#e11d48;font-weight:700}.bv-list.tips li:before{content:"•";color:#d97706}.bv-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.bv-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.bv-tips-card{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-bottom:24px;padding:16px}.bv-tips-header{color:#d97706;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.bv-tips-list{margin:0;padding:0;list-style:none}.bv-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.bv-tips-list li:before{content:"•";color:#111;font-weight:700}.bv-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.bv-form-page{background-color:#fbfbfb;min-height:100vh}.bv-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.bv-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.bv-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.bv-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.bv-form-content{padding:0 20px 24px}.bv-counter-section{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bv-counter-title{color:#111;margin:0;font-size:15px;font-weight:700}.bv-counter{background:#f3f4f6;border-radius:20px;align-items:center;gap:16px;padding:4px;display:flex}.bv-counter-btn{color:#4b5563;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;box-shadow:0 2px 4px #0000000d}.bv-counter-value{color:#111;text-align:center;min-width:20px;font-size:16px;font-weight:700}.bv-section-header{margin-bottom:12px}.bv-section-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:700}.bv-section-subtitle{color:#6b7280;margin:0;font-size:13px}.bv-visitor-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:20px}.bv-visitor-header{color:#111;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.bv-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.bv-input-group{margin-bottom:16px}.bv-input-group:last-child{margin-bottom:0}.bv-input-wrapper{align-items:center;display:flex;position:relative}.bv-input-icon{color:#9ca3af;position:absolute;left:14px}.bv-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 12px 12px 40px;font-family:inherit;font-size:14px}.bv-input::placeholder{color:#9ca3af}.bv-add-btn{color:#d97706;cursor:pointer;background:#fffdf5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:14px;font-weight:600;display:flex}.bv-upload-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bv-upload-icon-wrap{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bv-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.bv-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.bv-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.bv-upload-subtext{color:#9ca3af;font-size:12px}.bv-textarea-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.bv-textarea-container{margin-bottom:24px;position:relative}.bv-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.bv-textarea::placeholder{color:#9ca3af}.bv-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.bv-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.bv-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.bv-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.bv-pill.submitted{color:#d97706;background:#fffbeb}.bv-action-btns{flex-direction:column;gap:12px;display:flex}.bv-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.bv-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.bv-note-list{margin:0;padding:0;list-style:none}.bv-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.bv-note-list li:before{content:"•";color:#d97706}.tp-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.tp-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1552664730-d307ca884978?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.tp-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.tp-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.tp-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.tp-badge-white{color:#d97706;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #d9770633}.tp-title{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.tp-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.tp-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.tp-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.tp-info-item{gap:16px;margin-bottom:24px;display:flex}.tp-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.tp-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.tp-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.tp-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.tp-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.tp-list{margin:8px 0 0;padding-left:0;list-style:none}.tp-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.tp-list li:before{content:"✓";color:#e11d48;font-weight:700}.tp-list.tips li:before{content:"•";color:#d97706}.tp-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.tp-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.tp-tips-card{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-bottom:24px;padding:16px}.tp-tips-header{color:#d97706;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.tp-tips-list{margin:0;padding:0;list-style:none}.tp-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.tp-tips-list li:before{content:"•";color:#111;font-weight:700}.tp-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.tp-form-page{background-color:#fbfbfb;min-height:100vh}.tp-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.tp-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.tp-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.tp-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.tp-form-content{padding:0 20px 24px}.tp-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tp-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tp-segmented-control{background:#f3f4f6;border-radius:12px;margin-bottom:16px;padding:4px;display:flex}.tp-segment-btn{text-align:center;color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.tp-segment-btn.active{color:#fff;background:#d97706;box-shadow:0 2px 4px #d9770633}.tp-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.tp-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.tp-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.tp-upload-subtext{color:#9ca3af;margin-bottom:16px;font-size:12px}.tp-record-divider{color:#6b7280;margin-bottom:12px;font-size:12px}.tp-record-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.tp-textarea-container{margin-bottom:24px;position:relative}.tp-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.tp-textarea::placeholder{color:#9ca3af}.tp-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.tp-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:8px;padding:16px;font-family:inherit;font-size:14px}.tp-input::placeholder{color:#9ca3af}.tp-input-help{color:#9ca3af;margin-bottom:32px;padding-left:4px;font-size:12px}.tp-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-users-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-users-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.tp-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.tp-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.tp-pill.submitted{color:#d97706;background:#fffbeb}.tp-action-btns{flex-direction:column;gap:12px;display:flex}.tp-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.tp-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.tp-note-list{margin:0;padding:0;list-style:none}.tp-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.tp-note-list li:before{content:"•";color:#d97706}.vt-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.vt-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1557804506-669a67965ba0?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.vt-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.vt-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.vt-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.vt-badge-white{color:#ef4444;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #ef444433}.vt-title{margin:0 0 4px;font-size:20px;font-weight:700}.vt-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.vt-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.vt-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.vt-info-item{gap:16px;margin-bottom:24px;display:flex}.vt-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.vt-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.vt-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.vt-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.vt-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.vt-list{margin:8px 0 0;padding-left:0;list-style:none}.vt-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.vt-list li:before{content:"✓";color:#e11d48;font-weight:700}.vt-list.video-list li:before{content:"•";color:#d97706}.vt-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.vt-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.vt-tips-card{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-bottom:24px;padding:16px}.vt-tips-header{color:#d97706;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.vt-tips-list{margin:0;padding:0;list-style:none}.vt-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.vt-tips-list li:before{content:"•";color:#111;font-weight:700}.vt-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.vt-form-page{background-color:#fbfbfb;min-height:100vh}.vt-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.vt-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.vt-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.vt-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.vt-form-content{padding:0 20px 24px}.vt-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.vt-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vt-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.vt-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.vt-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.vt-upload-subtext{color:#9ca3af;margin-bottom:16px;font-size:12px}.vt-record-divider{color:#6b7280;margin-bottom:12px;font-size:12px}.vt-record-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.vt-textarea-container{margin-bottom:24px;position:relative}.vt-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.vt-textarea::placeholder{color:#9ca3af}.vt-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.vt-thumbnail-upload{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.vt-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-video-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-video-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.vt-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.vt-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.vt-pill.submitted{color:#d97706;background:#fffbeb}.vt-action-btns{flex-direction:column;gap:12px;display:flex}.vt-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.vt-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.vt-note-list{margin:0;padding:0;list-style:none}.vt-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.vt-note-list li:before{content:"•";color:#d97706}.sr-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.sr-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1543269865-cbf427effbad?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.sr-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.sr-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.sr-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.sr-badge-white{color:#d97706;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #d9770633}.sr-title{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.sr-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.sr-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.sr-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.sr-info-item{gap:16px;margin-bottom:24px;display:flex}.sr-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.sr-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.sr-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.sr-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.sr-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.sr-list{margin:8px 0 0;padding-left:0;list-style:none}.sr-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.sr-list li:before{content:"✓";color:#555;font-weight:700}.sr-examples-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.sr-example-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;position:relative;overflow:hidden}.sr-example-img-wrap{width:100%;height:100px;position:relative}.sr-example-img{object-fit:cover;width:100%;height:100%}.sr-example-badge{z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.sr-example-badge.success{color:#fff;background:#22c55e}.sr-example-badge.error{color:#fff;background:#ef4444}.sr-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.sr-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.sr-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.sr-form-page{background-color:#fbfbfb;min-height:100vh}.sr-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.sr-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.sr-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.sr-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.sr-form-content{padding:0 20px 24px}.sr-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sr-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sr-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.sr-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.sr-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.sr-upload-subtext{color:#9ca3af;font-size:12px}.sr-textarea-container{margin-bottom:24px;position:relative}.sr-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:14px}.sr-textarea::placeholder{color:#9ca3af}.sr-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.sr-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-camera-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-camera-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.sr-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.sr-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.sr-pill.submitted{color:#d97706;background:#fffbeb}.sr-action-btns{flex-direction:column;gap:12px;display:flex}.sr-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.sr-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.sr-note-list{margin:0;padding:0;list-style:none}.sr-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.sr-note-list li:before{content:"•";color:#d97706}.my-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.my-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.my-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.my-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.my-details-intro{z-index:2;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex;position:relative}.my-badge-white{color:#d97706;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #d9770633}.my-title{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.my-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.my-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.my-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.my-info-item{gap:16px;margin-bottom:24px;display:flex}.my-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.my-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.my-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.my-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.my-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.my-list{margin:8px 0 0;padding-left:0;list-style:none}.my-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.my-list li:before{content:"✓";color:#e11d48;font-weight:700}.my-sample-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;margin-top:12px;padding:16px}.my-sample-text{color:#1e3a8a;margin:0;font-size:13px;line-height:1.5}.my-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.my-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.my-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.my-form-page{background-color:#fbfbfb;min-height:100vh}.my-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.my-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.my-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.2}.my-form-top-points{color:#d97706;margin-top:4px;margin-bottom:4px;font-size:14px;font-weight:700}.my-form-content{padding:0 20px 24px}.my-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.my-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.my-members-list{background:#fff;border:1px solid #f3f4f6;border-radius:16px;margin-bottom:24px;padding:8px 16px;box-shadow:0 2px 8px #00000005}.my-member-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 0;display:flex}.my-member-item:last-child{border-bottom:none}.my-checkbox{cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.my-checkbox.checked{color:#fff;background:#d97706;border-color:#d97706}.my-avatar{object-fit:cover;background:#e5e7eb;border-radius:50%;width:32px;height:32px}.my-member-name{color:#111;flex:1;font-size:14px;font-weight:500}.my-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.my-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.my-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.my-upload-subtext{color:#9ca3af;font-size:12px}.my-textarea-container{margin-bottom:24px;position:relative}.my-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:100px;padding:16px;font-family:inherit;font-size:14px}.my-textarea::placeholder{color:#9ca3af}.my-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.my-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-mail-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-mail-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.my-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.my-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.my-pill.submitted{color:#d97706;background:#fffbeb}.my-action-btns{flex-direction:column;gap:12px;display:flex}.my-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.my-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.my-note-list{margin:0;padding:0;list-style:none}.my-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.my-note-list li:before{content:"•";color:#d97706}.csa-page{background-color:#12151c;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.csa-header-section{color:#fff;background-color:#0000;background-image:linear-gradient(#12151c66,#12151c),url(https://images.unsplash.com/photo-1556761175-4b46a572b786?q=80&w=2000&auto=format&fit=crop);background-position:top;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.csa-header-top{z-index:2;align-items:center;width:100%;margin-bottom:40px;display:flex;position:relative}.csa-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.csa-details-intro{z-index:2;align-items:center;gap:16px;margin-bottom:12px;display:flex;position:relative}.csa-badge-white{color:#d97706;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #d9770633}.csa-title{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.csa-points{color:#fcd34d;margin-bottom:4px;font-size:16px;font-weight:700}.csa-desc{color:#d1d5db;margin:0;font-size:13px;line-height:1.4}.csa-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-20px;padding:24px;position:relative}.csa-info-item{gap:16px;margin-bottom:24px;display:flex}.csa-icon-red{color:#e11d48;background:#ffe4e6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.csa-icon-blue{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.csa-icon-orange{color:#d97706;background:#fffbeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.csa-info-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.csa-info-desc{color:#555;margin:0;font-size:13px;line-height:1.4}.csa-list{margin:8px 0 0;padding-left:0;list-style:none}.csa-list li{color:#555;align-items:flex-start;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.csa-list li:before{content:"✓";color:#e11d48;font-weight:700}.csa-list.examples-list li:before{content:"•";color:#111;font-size:18px;line-height:12px}.csa-mini-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.csa-mini-card{background:#fffbeb;border:1px solid #fef3c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.csa-tips-card{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-bottom:24px;padding:16px}.csa-tips-header{color:#d97706;align-items:center;gap:8px;margin-bottom:12px;font-weight:700;display:flex}.csa-tips-list{margin:0;padding:0;list-style:none}.csa-tips-list li{color:#4b5563;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.csa-tips-list li:before{content:"•";color:#111;font-weight:700}.csa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #d977064d}.csa-form-page{background-color:#fbfbfb;min-height:100vh}.csa-form-header{color:#fff;background:#12151c;align-items:center;padding:16px 20px 40px;display:flex}.csa-form-top-card{z-index:3;background:#fff;border-radius:16px;align-items:center;gap:16px;margin:-30px 20px 20px;padding:16px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.csa-form-top-title{color:#111;margin:0 0 4px;font-size:15px;font-weight:700}.csa-form-top-points{color:#d97706;margin-bottom:4px;font-size:14px;font-weight:700}.csa-form-content{padding:0 20px 24px}.csa-form-group{margin-bottom:24px}.csa-form-label{color:#111;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.csa-form-label span{color:#ef4444}.csa-input-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;padding:0 16px;display:flex;position:relative}.csa-input-icon{color:#9ca3af;margin-right:12px}.csa-input-icon.chevron{margin-left:12px;margin-right:0}.csa-input{color:#111;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-family:inherit;font-size:14px}.csa-input::placeholder{color:#9ca3af}.csa-textarea-container{position:relative}.csa-textarea{resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;min-height:100px;padding:16px;font-family:inherit;font-size:14px}.csa-textarea::placeholder{color:#9ca3af}.csa-char-count{color:#9ca3af;font-size:12px;position:absolute;bottom:12px;right:12px}.csa-section-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.csa-section-icon{color:#d97706;background:#fffbeb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.csa-upload-box{text-align:center;cursor:pointer;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.csa-upload-box .upload-icon{color:#9ca3af;margin-bottom:8px}.csa-upload-text{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600}.csa-upload-subtext{color:#9ca3af;font-size:12px}.csa-success-header{color:#fff;background:radial-gradient(circle,#2e1d05 0%,#12151c 70%);flex-direction:column;align-items:center;padding:20px 20px 40px;display:flex;position:relative;overflow:hidden}.giant-target-badge{z-index:2;color:#fbbf24;filter:drop-shadow(0 0 20px #fbbf2466);background:linear-gradient(135deg,#fcd34d,#b45309);border:4px solid #fffbeb;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:16px;display:flex;position:relative;box-shadow:inset 0 4px 10px #0000004d}.giant-target-badge svg{fill:#fff;stroke:#b45309;stroke-width:1px}.csa-summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.timeline{flex-direction:column;margin-bottom:32px;padding:0 8px;display:flex}.timeline-line{background:#e5e7eb;width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-item:last-child .timeline-line{display:none}.timeline-icon-wrap{z-index:2;position:relative}.timeline-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.timeline-icon.completed{color:#fff;background:#d97706}.timeline-content{flex:1;justify-content:space-between;align-items:flex-start;display:flex}.csa-pill{border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700}.csa-pill.submitted{color:#d97706;background:#fffbeb}.csa-action-btns{flex-direction:column;gap:12px;display:flex}.btn-primary-orange{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.btn-secondary-grey{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.csa-note-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;margin-top:24px;padding:16px}.csa-note-box-header{color:#d97706;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.csa-note-list{margin:0;padding:0;list-style:none}.csa-note-list li{color:#4b5563;align-items:flex-start;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.csa-note-list li:before{content:"•";color:#d97706}.profile-page{background-color:#fbfcfd;flex-direction:column;min-height:100vh;padding-bottom:80px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.profile-header-top{justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.profile-page-title{color:#0b0c20;letter-spacing:-.5px;margin:0 0 4px;font-size:26px;font-weight:800}.profile-page-subtitle{color:#64748b;margin:0;font-size:14px}.settings-btn{cursor:pointer;background:#fff0e6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile-content{flex-direction:column;gap:20px;padding:0 20px;display:flex}.profile-card{background:url("data:image/svg+xml;utf8,<svg width=\"400\" height=\"150\" viewBox=\"0 0 400 150\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0H400V150H0V0Z\" fill=\"url(%23paint0_linear)\"/><path d=\"M400 150C400 150 338.452 79.1417 262.5 98.5C186.548 117.858 136.5 68 83 98.5C29.5 129 0 68 0 68V150H400Z\" fill=\"url(%23paint1_linear)\" opacity=\"0.6\"/><defs><linearGradient id=\"paint0_linear\" x1=\"0\" y1=\"0\" x2=\"400\" y2=\"150\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFF6ED\"/><stop offset=\"1\" stop-color=\"%23FFE4CC\"/></linearGradient><linearGradient id=\"paint1_linear\" x1=\"0\" y1=\"150\" x2=\"400\" y2=\"68\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"%23FFC18C\"/><stop offset=\"1\" stop-color=\"%23FFEBD9\"/></linearGradient></defs></svg>") 50%/cover;border-radius:20px;justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #ea580c26}.profile-card:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23fff\" opacity=\"0.3\"><path d=\"M2 19h20v2H2v-2zM3.236 6.136a.75.75 0 00-1.295.694l3.197 7.994c.121.302.416.489.739.467.323-.022.585-.25.659-.567l1.761-7.043 2.181 5.452a.75.75 0 001.396 0l2.18-5.452 1.762 7.043c.074.317.336.545.659.567.323.022.618-.165.739-.467l3.197-7.994a.75.75 0 00-1.295-.694l-2.61 6.526-1.954-7.818a.75.75 0 00-1.428-.106l-2.457 6.143-2.457-6.143a.75.75 0 00-1.428.106l-1.954 7.818-2.61-6.526z\" /></svg>");background-repeat:no-repeat;background-size:contain;width:100px;height:100px;position:absolute;bottom:0;right:60px}.profile-info-section{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.profile-avatar-container{position:relative}.profile-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:76px;height:76px;box-shadow:0 4px 12px #0000001a}.camera-badge{background:#fff;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:-4px;box-shadow:0 2px 8px #0000001a}.profile-details{flex-direction:column;align-items:flex-start;display:flex}.profile-name{color:#0b0c20;letter-spacing:-.3px;margin:0 0 2px;font-size:18px;font-weight:800}.profile-chapter{color:#475569;margin:0 0 6px;font-size:13px;font-weight:500}.member-pill{color:#ea580c;background:#fff3e0;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:700}.profile-rank-section{z-index:2;align-items:center;gap:8px;display:flex;position:relative}.rank-content{align-items:center;gap:8px;display:flex}.rank-star-hexagon{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,#a16207 0%,#ca8a04 100%);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 6px #ca8a044d}.rank-text-group{flex-direction:column;display:flex}.rank-label{color:#0b0c20;font-size:11px;font-weight:600}.rank-number{color:#ea580c;font-size:20px;font-weight:800;line-height:1}.menu-card{background:#fff;border-radius:20px;padding:8px 20px;box-shadow:0 4px 20px #00000008}.menu-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;padding:16px 0;display:flex}.menu-item.border-none{border-bottom:none}.menu-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;display:flex}.bg-indigo-light{background:#eef2ff}.bg-red-lightest{background:#fef2f2}.menu-text{flex:1}.menu-text h4{color:#0b0c20;margin:0 0 4px;font-size:15px;font-weight:700}.menu-text p{color:#64748b;margin:0;font-size:13px}.text-red{color:#e11d48!important}.logout-card{cursor:pointer;background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000008}.notfound{text-align:center;background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex}.notfound-code{color:#c8941a;letter-spacing:-4px;margin:0 0 12px;font-size:6rem;font-weight:800}.notfound-msg{color:#555;margin:0 0 28px;font-size:1.2rem}.notfound-link{color:#c8841a;border:1.5px solid #c8841a;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.notfound-link:hover{color:#fff;background:#c8841a}.ad-page{background-color:#1a1a1a;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ad-header-section{color:#fff;background:linear-gradient(#0f172ae6,#0f172a),url(https://images.unsplash.com/photo-1557683316-973673baf926?q=80&w=2029&auto=format&fit=crop) 50%/cover;padding:20px;position:relative;overflow:hidden}.ad-success-header{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);padding:40px 20px;position:relative;overflow:hidden}.confetti-layer{opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"%23ffffff33\"/><circle cx=\"80\" cy=\"50\" r=\"3\" fill=\"%23ffffff33\"/><rect x=\"50\" y=\"80\" width=\"4\" height=\"4\" fill=\"%23ffffff33\" transform=\"rotate(45 52 82)\"/></svg>");position:absolute;inset:0}.ad-header-top{z-index:2;align-items:center;margin-bottom:40px;display:flex;position:relative}.ad-header-top h1{text-align:center;flex:1;margin:0;padding-right:24px;font-size:18px;font-weight:600}.ad-intro{z-index:2;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:relative}.ad-icon-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.ad-info{flex:1}.ad-title{margin:0 0 4px;font-size:24px;font-weight:700}.ad-points{color:#fbd38d;margin-bottom:8px;font-size:16px;font-weight:700}.giant-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 20px;display:flex}.success-title{margin:0 0 8px;font-size:28px;font-weight:800}.success-desc{opacity:.9;margin:0;font-size:15px}.ad-content-section{z-index:3;background:#fbfbfb;border-radius:24px 24px 0 0;flex:1;margin-top:-10px;padding:24px;position:relative}.ad-info-grid{gap:12px;margin-bottom:24px;display:flex}.ad-info-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px;display:flex}.ad-info-icon{color:#6366f1;background:#e0e7ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ad-info-text{flex:1}.ad-info-label{color:#888;margin-bottom:2px;font-size:11px}.ad-info-value{color:#333;text-transform:capitalize;font-size:13px;font-weight:600}.ad-section{margin-bottom:24px}.ad-section-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ad-section-icon{color:#d97706;background:#fef3c7;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ad-section-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.ad-section-body{color:#555;white-space:pre-wrap;font-size:13px;line-height:1.5}.ad-textarea{resize:vertical;background:#fff;border:1px solid #eaeaea;border-radius:12px;width:100%;min-height:100px;margin-top:8px;padding:16px;font-family:inherit;font-size:14px}.ad-textarea::placeholder{color:#aaa}.ad-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:12px;width:100%;margin-bottom:24px;padding:16px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #2563eb4d}.ad-submit-btn:disabled{opacity:.7;cursor:not-allowed}.important-box{background:#fffdf5;border:1px solid #fef3c7;border-radius:16px;padding:20px}.important-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.important-icon{color:#d97706}.important-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.important-list{margin:0;padding:0;list-style:none}.important-list li{color:#555;margin-bottom:8px;padding-left:12px;font-size:13px;line-height:1.4;position:relative}.important-list li:before{content:"•";color:#666;position:absolute;left:0}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;align-items:center;gap:16px;margin-bottom:30px;padding:20px;display:flex}.summary-badge{color:#d97706;background:#fef3c7;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.summary-info{flex:1}.summary-title{color:#1a1a1a;margin:0 0 4px;font-size:16px;font-weight:700}.summary-points{color:#10b981;font-size:14px;font-weight:700}.timeline{flex-direction:column;gap:0;margin-bottom:40px;display:flex}.timeline-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line{z-index:1;background:#f0f0f0;width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-icon-wrap{z-index:2;background:#fbfbfb;padding:2px 0;position:relative}.timeline-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.timeline-icon.completed{background:#10b981}.timeline-icon.pending{color:#9ca3af;background:#f3f4f6}.timeline-content{flex:1;justify-content:space-between;align-items:flex-start;padding-top:2px;display:flex}.timeline-title{color:#1a1a1a;margin:0 0 4px;font-size:15px;font-weight:600}.timeline-subtitle{color:#6b7280;margin:0;font-size:13px}.timeline-badge{color:#059669;background:#ecfdf5;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.success-action-btns{flex-direction:column;gap:12px;display:flex}.btn-view-all{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.btn-back{color:#1a1a1a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:600}.loading-state,.error-state{color:#fff;background-color:#1a1a1a;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}.ep-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ep-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.ep-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.ep-back-btn{cursor:pointer;background:#fdfdfd;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0000000d}.ep-content{padding:16px 20px}.ep-hero-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:20px;align-items:center;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 12px #ea580c0d}.ep-avatar-container{margin-right:16px;position:relative}.ep-hero-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:80px;height:80px}.ep-camera-badge{background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0000001a}.ep-hero-details{flex:1}.ep-hero-name{color:#1a1a2e;margin:0 0 4px;font-size:18px;font-weight:800}.ep-hero-chapter{color:#64748b;margin:0 0 8px;font-size:12px}.ep-hero-role{color:#ea580c;text-transform:uppercase;background:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.ep-hero-rank{flex-direction:column;align-items:center;display:flex}.ep-rank-hexagon{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:#d97706;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;display:flex}.ep-rank-text{flex-direction:column;align-items:center;display:flex}.ep-rank-label{color:#64748b;font-size:10px;font-weight:600}.ep-rank-number{color:#ea580c;font-size:18px;font-weight:800}.ep-form-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #00000008}.ep-section-header{align-items:center;margin-bottom:24px;display:flex}.ep-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;display:flex}.bg-green-light{background:#ecfdf5}.bg-yellow-light{background:#fefce8}.bg-purple-light{background:#f5f3ff}.ep-section-title h3{color:#1a1a2e;margin:0 0 2px;font-size:16px;font-weight:800}.ep-section-title p{color:#64748b;margin:0;font-size:12px}.ep-form-fields{flex-direction:column;gap:20px;display:flex}.ep-form-row{align-items:center;display:flex}.ep-input-group{flex-direction:column;flex:1;display:flex}.ep-input-group label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600}.ep-input{color:#1a1a2e;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500}.ep-input:focus{border-color:#ea580c}.ep-input.disabled{color:#94a3b8;background:#f8fafc}.ep-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.ep-input-with-icon{align-items:center;display:flex;position:relative}.ep-inner-icon{position:absolute;right:14px}.ep-image-upload-area{align-items:center;gap:16px;display:flex}.ep-small-avatar .ep-hero-avatar{border-width:2px}.ep-upload-actions{flex-direction:column;gap:8px;display:flex}.ep-btn-upload{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.ep-btn-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.ep-upload-hint{color:#94a3b8;margin-top:4px;font-size:10px}.ep-action-btns{gap:12px;margin-top:12px;display:flex}.ep-btn-cancel{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:14px;font-size:14px;font-weight:700}.ep-btn-save{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;display:flex}.ma-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ma-header{z-index:10;background-color:#fbfbfb;align-items:flex-start;padding:20px 20px 10px;display:flex;position:sticky;top:0}.back-btn{background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-right:16px;padding:8px;display:flex;box-shadow:0 2px 8px #0000000d}.ma-title-container{flex-direction:column;display:flex}.ma-title{color:#1a1a2e;margin:0 0 4px;font-size:22px;font-weight:800}.ma-subtitle{color:#64748b;margin:0;font-size:13px}.ma-content{padding:10px 20px 20px}.ma-summary-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.ma-stat-item{flex-direction:column;flex:1;align-items:center;display:flex}.ma-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.red-bg{background:#ffe4e6}.orange-bg{background:#ffedd5}.green-bg{background:#d1fae5}.ma-stat-text{text-align:center;flex-direction:column;align-items:center;display:flex}.ma-stat-label{color:#64748b;margin-bottom:4px;font-size:11px;line-height:1.2}.ma-stat-value{color:#1a1a2e;font-size:20px;font-weight:800}.ma-divider{opacity:.3;background-color:#fdba74;width:1px;height:40px}.ma-filter-tabs{gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.ma-filter-tabs::-webkit-scrollbar{display:none}.ma-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.ma-tab-btn.active{color:#fff;background:#ea580c;border-color:#ea580c}.ma-list{flex-direction:column;gap:16px;display:flex}.ma-list-item{background:#fff;border:1px solid #f8fafc;border-radius:20px;padding:16px;box-shadow:0 4px 12px #00000008}.ma-item-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ma-item-info{flex:1;align-items:flex-start;gap:12px;display:flex}.ma-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-red-light{background:#ffe4e6}.bg-blue-light{background:#dbeafe}.bg-orange-light{background:#ffedd5}.ma-item-title{color:#1a1a2e;margin:0 0 6px;font-size:15px;font-weight:700}.ma-item-date{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.ma-item-points-status{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ma-item-points{color:#10b981;font-size:16px;font-weight:800}.ma-item-points.rejected-points{color:#9ca3af}.points-text{color:#64748b;font-size:10px;font-weight:500}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-badge.approved{color:#059669;background:#d1fae5}.status-badge.pending{color:#d97706;background:#ffedd5}.status-badge.rejected{color:#e11d48;background:#ffe4e6}.ma-item-images{align-items:center;gap:8px;margin-top:8px;display:flex}.ma-proof-img{object-fit:cover;border:1px solid #f1f5f9;border-radius:8px;width:48px;height:48px}.ma-map-icon{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ma-item-footer-empty{justify-content:flex-end;display:flex}.empty-state{text-align:center;color:#64748b;padding:40px 0;font-size:14px}.lb-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.lb-header-top{z-index:10;background-color:#fbfbfb;justify-content:space-between;align-items:center;padding:20px 20px 10px;display:flex;position:sticky;top:0}.lb-title{color:#1a1a2e;margin:0;font-size:24px;font-weight:800}.lb-month-dropdown{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.lb-subtitle{color:#64748b;margin:0 0 20px 20px;font-size:13px;line-height:1.4}.lb-toggle{background:#f1f5f9;border-radius:12px;margin:0 20px 20px;padding:4px;display:flex}.lb-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.lb-toggle-btn.active{color:#fff;background:#dc2626;box-shadow:0 2px 8px #dc262633}.lb-tab-content{padding:0 20px}.lb-hero-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 4px 12px #ea580c0d}.lb-hero-icon{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 2px 8px #0000000d}.lb-hero-text h2{color:#1a1a2e;margin:0 0 4px;font-size:18px;font-weight:700}.lb-hero-text p{color:#64748b;margin:0;font-size:11px;line-height:1.4}.lb-top3-container{justify-content:center;align-items:flex-end;gap:12px;height:160px;margin-bottom:32px;display:flex}.lb-top3-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #f8fafc;border-radius:16px;flex-direction:column;align-items:center;padding:16px 8px;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.lb-top3-card.rank-1{z-index:2;border:2px solid #fff7ed;width:120px;height:150px;box-shadow:0 8px 24px #ea580c26}.lb-top3-card.rank-2,.lb-top3-card.rank-3{width:100px;height:130px}.lb-top3-badge{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex;position:absolute;top:-12px}.gold{background:#eab308}.silver{background:#94a3b8}.bronze{background:#d97706}.lb-top3-logo{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:8px;margin-bottom:8px;display:flex}.rank-1 .lb-top3-logo{width:64px;height:64px}.lb-top3-card h4{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 4px;font-size:12px;font-weight:700;overflow:hidden}.rank-1 h4{font-size:14px}.lb-top3-points{color:#dc2626;font-size:14px;font-weight:800}.rank-1 .lb-top3-points{font-size:16px}.lb-top3-label{color:#64748b;font-size:10px}.lb-list-header{color:#94a3b8;align-items:center;padding:0 16px 8px;font-size:11px;font-weight:600;display:flex}.lb-list{flex-direction:column;gap:8px;display:flex}.lb-list-item{cursor:pointer;background:#fff;border-radius:12px;align-items:center;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000005}.col-rank{color:#1a1a2e;width:15%;font-weight:700}.col-name{color:#1a1a2e;align-items:center;gap:8px;width:45%;font-size:13px;font-weight:600;display:flex}.col-members{color:#64748b;text-align:center;width:15%;font-size:12px}.col-points{color:#1a1a2e;text-align:right;width:20%;font-size:13px;font-weight:700}.col-arrow{justify-content:flex-end;width:5%;display:flex}.lb-tiny-logo{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lb-member-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.lb-rank-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.lb-rank-num{color:#1a1a2e;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.td-hero-card{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 12px #0000000d}.td-hero-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.td-logo{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 12px #991b1b33}.td-hero-info{flex:1}.td-hero-info h2{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:800}.td-hero-info p{color:#64748b;margin:0;font-size:11px}.td-hero-info span{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-weight:600}.td-hero-points{background:#fff5f5;border-radius:12px;flex-direction:column;align-items:flex-end;padding:8px 12px;display:flex}.td-points-label{color:#dc2626;font-size:11px;font-weight:600}.td-points-value{color:#991b1b;font-size:22px;font-weight:800}.td-stats-row{border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:16px;display:flex}.td-stat{align-items:center;gap:8px;display:flex}.td-stat-text{flex-direction:column;display:flex}.td-stat-text strong{color:#1a1a2e;font-size:14px;font-weight:700}.td-stat-text span{color:#64748b;font-size:10px}.td-section-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.td-section-title h3{color:#1a1a2e;margin:0 0 2px;font-size:16px;font-weight:700}.td-section-title p{color:#64748b;margin:0;font-size:11px}.md-avatar-wrap{background:#fff;border-radius:50%;width:72px;height:72px;margin-right:8px;padding:4px;box-shadow:0 4px 12px #0000000d}.md-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.md-avatar-placeholder{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:800;display:flex}.md-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px 4px;font-size:13px;font-weight:600}.md-tab-btn.active{color:#dc2626;border-bottom:2px solid #dc2626}.md-info-list{background:#fff;border-radius:16px;margin-bottom:24px;padding:8px 16px;box-shadow:0 4px 12px #00000005}.md-info-row{border-bottom:1px solid #f1f5f9;align-items:center;padding:16px 0;display:flex}.md-info-row.border-none{border-bottom:none}.md-info-icon{background:#fff7ed;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;display:flex}.md-info-label{color:#64748b;width:100px;font-size:13px}.md-info-value{color:#1a1a2e;text-align:right;flex:1;font-size:13px;font-weight:600}.md-status{border-radius:12px;padding:4px 10px;font-size:11px}.md-status.active{color:#059669;background:#d1fae5}.md-status.inactive{color:#64748b;background:#f1f5f9}.md-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.md-activities-list{flex-direction:column;gap:12px;display:flex}.md-activity-item{background:#fff;border-radius:16px;align-items:center;padding:16px;display:flex;box-shadow:0 4px 12px #00000005}.md-activity-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.md-activity-info{flex:1}.md-activity-info h4{color:#1a1a2e;margin:0 0 4px;font-size:14px;font-weight:700}.md-activity-info p{color:#64748b;margin:0;font-size:11px}.md-activity-points{color:#059669;font-size:13px;font-weight:700}.md-activity-points.rejected{color:#9ca3af}.ph-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ph-header-top{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.ph-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.ph-month-dropdown{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.ph-content{padding:16px 20px}.ph-summary-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:20px;margin-bottom:24px;padding:20px;box-shadow:0 4px 12px #ea580c0d}.ph-summary-top{align-items:center;gap:16px;margin-bottom:16px;display:flex}.ph-crown-icon{background:#ea580c;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #ea580c33}.ph-summary-middle{flex-direction:column;flex:1;display:flex}.ph-summary-right{background:#fff;border-radius:12px;flex-direction:column;align-items:flex-end;padding:8px 12px;display:flex}.ph-label{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600}.ph-total-points{color:#ea580c;align-items:baseline;gap:4px;font-size:28px;font-weight:800;display:flex}.ph-pts{font-size:16px;font-weight:700}.ph-month-points{color:#10b981;align-items:center;font-size:16px;font-weight:800;display:flex}.ph-progress-container{align-items:center;gap:12px;display:flex}.ph-progress-bar{background:#fed7aa;border-radius:4px;flex:1;height:8px;overflow:hidden}.ph-progress-fill{background:#ea580c;border-radius:4px;height:100%}.ph-progress-text{color:#1a1a2e;font-size:12px;font-weight:700}.ph-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.ph-filter-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.ph-filter-btn.active{color:#fff;background:#ea580c;box-shadow:0 4px 12px #ea580c33}.ph-tx-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ph-tx-header h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.ph-sort-dropdown{color:#1a1a2e;cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.ph-tx-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.ph-tx-item{background:#fff;border-radius:16px;align-items:center;padding:16px;display:flex;box-shadow:0 4px 12px #00000005}.ph-tx-date{background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:48px;margin-right:12px;padding:8px;display:flex}.ph-date-day{color:#1a1a2e;font-size:11px;font-weight:700}.ph-date-year{color:#64748b;font-size:10px}.ph-tx-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.ph-tx-details{flex:1}.ph-tx-details h4{color:#1a1a2e;margin:0 0 4px;font-size:13px;font-weight:700}.ph-tx-details p{color:#64748b;margin:0;font-size:11px}.ph-tx-status{flex-direction:column;align-items:flex-end;margin-right:12px;display:flex}.ph-tx-points{margin-bottom:4px;font-size:14px;font-weight:800}.ph-tx-badge{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.ph-tx-badge.approved{color:#059669;background:#d1fae5}.ph-tx-badge.pending{color:#d97706;background:#fef3c7}.ph-tx-badge.rejected{color:#e11d48;background:#ffe4e6}.ph-tx-arrow{flex-shrink:0}.ph-load-more{cursor:pointer;background:#fff7ed;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:14px;display:flex}.notif-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.notif-header-top{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.notif-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.notif-content{padding:16px 20px}.notif-controls{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.notif-tabs{background:#fff;border-radius:8px;padding:4px;display:flex;box-shadow:0 2px 8px #00000005}.notif-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.notif-tab.active{color:#fff;background:#ea580c}.notif-mark-read{color:#e11d48;cursor:pointer;background:#fff1f2;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{background:#fff;border-radius:16px;align-items:flex-start;padding:16px;display:flex;box-shadow:0 4px 12px #00000005}.notif-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.notif-details{flex:1}.notif-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.notif-title-row h4{color:#1a1a2e;margin:0;font-size:14px;font-weight:700}.notif-time-wrap{align-items:center;gap:6px;display:flex}.notif-time{color:#94a3b8;font-size:10px;font-weight:600}.notif-dot{background-color:#e11d48;border-radius:50%;width:6px;height:6px}.notif-details p{color:#64748b;margin:0;padding-right:8px;font-size:12px;line-height:1.4}.notif-arrow{flex-shrink:0;margin-top:12px}.sec-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.sec-header-top{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.sec-title{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.sec-content{padding:16px 20px}.sec-hero-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-radius:20px;align-items:center;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 12px #ea580c0d}.sec-avatar-container{margin-right:16px;position:relative}.sec-hero-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:80px;height:80px}.sec-camera-badge{background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #0000001a}.sec-hero-details{flex:1}.sec-hero-name{color:#1a1a2e;margin:0 0 4px;font-size:18px;font-weight:800}.sec-hero-chapter{color:#64748b;margin:0 0 8px;font-size:12px}.sec-hero-role{color:#ea580c;text-transform:uppercase;background:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.sec-hero-rank{flex-direction:column;align-items:center;display:flex}.sec-rank-hexagon{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:#d97706;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;display:flex}.sec-rank-text{flex-direction:column;align-items:center;display:flex}.sec-rank-label{color:#64748b;font-size:10px;font-weight:600}.sec-rank-number{color:#ea580c;font-size:18px;font-weight:800}.sec-banner{background-color:#f0f4ff;border-radius:16px;align-items:center;margin-bottom:24px;padding:20px;display:flex}.sec-banner-icon{background-color:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.sec-banner-text h3{color:#1e3a8a;margin:0 0 4px;font-size:15px;font-weight:700}.sec-banner-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.sec-form-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 12px #00000008}.sec-input-group{margin-bottom:20px}.sec-input-group label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.req{color:#ef4444}.sec-input-wrapper{align-items:center;display:flex;position:relative}.sec-input-icon-left{position:absolute;left:14px}.sec-input-wrapper input{color:#1a1a2e;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 40px;font-family:inherit;font-size:14px}.sec-input-wrapper input::placeholder{color:#94a3b8}.sec-input-wrapper input:focus{border-color:#ea580c}.sec-pwd-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:14px}.sec-requirements{background-color:#f0fdf4;border-radius:16px;margin-bottom:24px;padding:20px}.sec-req-header{align-items:center;margin-bottom:12px;display:flex}.sec-req-check-icon{margin-right:8px}.sec-req-header h4{color:#111827;margin:0;font-size:14px;font-weight:700}.sec-req-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sec-req-list li{color:#64748b;align-items:center;font-size:13px;display:flex}.sec-list-icon{margin-right:12px}.sec-update-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex}.approvals-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.approvals-header{z-index:10;background-color:#fff;padding:16px 20px;position:sticky;top:0}.approvals-header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.approvals-title-area{flex-direction:column;align-items:center;display:flex}.approvals-title-area h1{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.approvals-subtitle{color:#64748b;font-size:12px}.approvals-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.approvals-tabs::-webkit-scrollbar{display:none}.approval-tab{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.approval-tab.active{color:#fff;background:#ea580c;border-color:#ea580c}.approvals-search-container{margin-bottom:16px;position:relative}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.approvals-search-input{color:#1a1a2e;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 12px 12px 40px;font-size:14px}.approvals-search-input::placeholder{color:#94a3b8}.approvals-filters{align-items:center;gap:8px;display:flex}.filter-dropdown{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.filter-icon-btn{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:8px;display:flex}.approvals-list{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.approval-card{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 4px 12px #00000005}.approval-image-wrap{border-radius:12px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.approval-image{object-fit:cover;width:100%;height:100%}.approval-content{flex:1}.approval-user{align-items:center;gap:6px;margin-bottom:4px;display:flex}.approval-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.approval-username{color:#1a1a2e;font-size:12px;font-weight:700}.approval-activity-name{color:#1a1a2e;margin:0 0 6px;font-size:14px;font-weight:800}.approval-meta{align-items:center;gap:6px;margin-bottom:4px;display:flex}.approval-meta span{color:#64748b;font-size:11px}.approval-status{border-radius:20px;margin-top:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.approval-right{flex-direction:column;justify-content:space-between;align-items:flex-end;height:90px;padding:4px 0;display:flex}.approval-points{color:#ea580c;font-size:14px;font-weight:800}.approval-arrow{margin-top:auto;margin-bottom:12px}.ap-details-page{background-color:#fbfbfb;flex-direction:column;min-height:100vh;padding-bottom:100px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative}.ap-header{z-index:10;background-color:#0000;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.ap-header .icon-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0000001a}.ap-header h1{color:#1a1a2e;text-shadow:0 2px 4px #fffc;margin:0;font-size:18px;font-weight:800}.ap-hero-section{width:100%;position:relative}.ap-main-image-wrap{width:100%;height:250px;position:relative}.ap-main-image{object-fit:cover;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:100%;height:100%}.ap-image-count{color:#fff;background:#0009;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:16px;right:16px}.ap-thumbnail-list{z-index:2;gap:8px;margin-top:-30px;padding:16px 20px;display:flex;position:relative}.ap-thumbnail-wrap{border:2px solid #fff;border-radius:12px;width:50px;height:50px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.ap-thumbnail{object-fit:cover;width:100%;height:100%}.ap-more-thumb{color:#64748b;background:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.ap-content{padding:0 20px}.ap-user-row{align-items:center;margin-bottom:24px;display:flex}.ap-user-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px;margin-right:12px}.ap-user-info{flex:1}.ap-username{color:#1a1a2e;margin:0 0 2px;font-size:16px;font-weight:800}.ap-user-team{color:#64748b;font-size:12px}.ap-status-badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:800}.badge-pending{color:#ea580c;background-color:#ffedd5}.badge-approved{color:#059669;background-color:#d1fae5}.badge-rejected{color:#e11d48;background-color:#ffe4e6}.ap-activity-card{border-bottom:1px dashed #e2e8f0;align-items:center;margin-bottom:20px;padding:16px 0;display:flex}.ap-ac-icon{background-color:#ffedd5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.ap-ac-details{flex:1}.ap-ac-title{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:800}.ap-ac-category{color:#ef4444;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.ap-ac-points{color:#ea580c;font-size:18px;font-weight:800}.ap-details-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.ap-detail-item{align-items:center;gap:16px;display:flex}.ap-detail-item.align-top{align-items:flex-start}.ap-detail-text{flex-direction:column;gap:4px;display:flex}.ap-dl-label{color:#64748b;font-size:12px}.ap-dl-value{color:#1a1a2e;font-size:14px;font-weight:500;line-height:1.4}.ap-notes-section{margin-bottom:24px}.ap-notes-section h3{color:#1a1a2e;margin:0 0 12px;font-size:16px;font-weight:800}.ap-notes-box{background:#fff;border:1px solid #ffedd5;border-radius:12px;gap:12px;padding:16px;display:flex}.ap-notes-box p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.ap-action-footer{z-index:20;background:#fff;gap:12px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.ap-btn-reject{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;display:flex}.ap-btn-approve{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;display:flex}.ap-success-footer{z-index:20;background:#d1fae5;border-top-left-radius:20px;border-top-right-radius:20px;align-items:center;gap:16px;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.ap-success-icon-wrap{background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ap-success-text h4{color:#065f46;margin:0 0 4px;font-size:16px;font-weight:800}.ap-success-text p{color:#047857;margin:0;font-size:12px}.ap-modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ap-modal-content{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:30px 24px;display:flex;position:relative}.ap-modal-close{cursor:pointer;background:0 0;border:none;padding:8px;position:absolute;top:16px;right:16px}.ap-modal-icon-wrap{background:#ea580c;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex;box-shadow:0 0 0 10px #ffedd5}.ap-modal-title{color:#1a1a2e;margin:0 0 12px;font-size:24px;font-weight:800}.ap-modal-desc{color:#64748b;margin:0 0 24px;font-size:14px;line-height:1.5}.ap-modal-card{background:#fbfbfb;border:1px solid #f1f5f9;border-radius:16px;align-items:center;width:100%;margin-bottom:24px;padding:16px;display:flex}.ap-modal-card .sm-icon{width:32px;height:32px;margin-right:12px}.ap-modal-card-info{text-align:left;flex:1}.ap-modal-card-info h4{color:#1a1a2e;margin:0 0 4px;font-size:14px;font-weight:700}.ap-modal-card-info span{color:#64748b;font-size:11px}.ap-modal-card-points{color:#ea580c;font-size:14px;font-weight:800}.ap-modal-actions{gap:12px;width:100%;display:flex}.ap-modal-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px;font-size:16px;font-weight:700}.ap-modal-btn-approve{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:12px;flex:1;padding:16px;font-size:16px;font-weight:700}.ap-modal-btn-reject-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;flex:1;padding:16px;font-size:16px;font-weight:700}.ap-modal-icon-reject{background:#ef4444!important;box-shadow:0 0 0 10px #fee2e2!important}.ap-reject-form{text-align:left;width:100%;margin-bottom:24px}.ap-reject-label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.ap-reject-label .req{color:#ef4444}.ap-reject-textarea{resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;min-height:80px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.ap-reject-textarea:focus{border-color:#ef4444}.ap-reject-textarea.has-error{background-color:#fff5f5;border-color:#ef4444}.ap-error-text{color:#ef4444;margin-top:6px;font-size:12px;display:block}.ap-thumbnail-active{border:2px solid #ea580c!important;box-shadow:0 0 0 2px #ea580c66!important}.ap-hero-placeholder{background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);border-bottom-right-radius:24px;border-bottom-left-radius:24px;justify-content:center;align-items:center;height:180px;display:flex}.ap-hero-placeholder-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 16px #00000014}.ap-user-avatar-placeholder{color:#fff;background:#ea580c;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.ap-dl-link{color:#ea580c;font-weight:600;text-decoration:underline}.ap-rejected-banner{background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;align-items:flex-start;gap:14px;margin-top:16px;padding:16px;display:flex}.ap-rejected-icon-wrap{background:#ef4444;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ap-rejected-text h4{color:#9f1239;margin:0 0 4px;font-size:15px;font-weight:800}.ap-rejected-text p{color:#be123c;margin:0;font-size:13px;line-height:1.4}.ap-success-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;align-items:flex-start;gap:14px;margin-top:16px;padding:16px;display:flex}.ap-reviewed-date{color:#64748b;margin-top:6px;font-size:11px;display:block}.ap-loading-screen,.ap-not-found-screen{justify-content:center;align-items:center}.ap-loading-content,.ap-not-found-content{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.ap-spinner{border:4px solid #f1f5f9;border-top-color:#ea580c;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-back-btn{color:#fff;cursor:pointer;background:#ea580c;border:none;border-radius:12px;margin-top:16px;padding:12px 24px;font-weight:700}