.demo-module__c0YfZG__demoContainer{color:#0f172a;background:radial-gradient(circle at 100% 0,#f55b1414 0%,#0b0b4508 50%,#f8fafc 100%);min-height:100vh;padding-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.demo-module__c0YfZG__header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0cc;position:sticky;top:0}.demo-module__c0YfZG__headerContent{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:16px 24px;display:flex}.demo-module__c0YfZG__logoArea{align-items:center;gap:12px;text-decoration:none;display:flex}.demo-module__c0YfZG__logoImg{background:#0b0b45;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #0b0b4526}.demo-module__c0YfZG__brandName{letter-spacing:.5px;background:linear-gradient(135deg,#0b0b45 0%,#f55b14 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.demo-module__c0YfZG__brandBadge{color:#f55b14;text-transform:uppercase;background:#f55b141f;border:1px solid #f55b1440;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.demo-module__c0YfZG__headerActions{align-items:center;gap:12px;display:flex}.demo-module__c0YfZG__statusPill{background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 6px #00000008}.demo-module__c0YfZG__statusDot{border-radius:50%;width:8px;height:8px}.demo-module__c0YfZG__statusDotOnline{background:#10b981;box-shadow:0 0 8px #10b98199}.demo-module__c0YfZG__statusDotOffline{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.demo-module__c0YfZG__backHomeBtn{color:#475569;background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.demo-module__c0YfZG__backHomeBtn:hover{color:#0f172a;background:#e2e8f0}.demo-module__c0YfZG__hero{text-align:center;max-width:1240px;margin:40px auto 30px;padding:0 24px}.demo-module__c0YfZG__heroTag{color:#f55b14;background:#f55b141a;border:1px solid #f55b1433;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.demo-module__c0YfZG__heroTitle{color:#0b0b45;letter-spacing:-.5px;margin-bottom:14px;font-size:42px;font-weight:800;line-height:1.2}.demo-module__c0YfZG__heroHighlight{background:linear-gradient(135deg,#f55b14 0%,#ff8247 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.demo-module__c0YfZG__heroDesc{color:#475569;max-width:720px;margin:0 auto;font-size:17px;line-height:1.6}.demo-module__c0YfZG__cardsGrid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1240px;margin:36px auto;padding:0 24px;display:grid}@media (max-width:960px){.demo-module__c0YfZG__cardsGrid{grid-template-columns:1fr}}.demo-module__c0YfZG__roleCard{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:30px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005}.demo-module__c0YfZG__roleCard:hover{transform:translateY(-6px);box-shadow:0 20px 35px -10px #0000001a}.demo-module__c0YfZG__cardSuperAdmin{border-top:4px solid #f55b14}.demo-module__c0YfZG__cardFinance{border-top:4px solid #0b0b45}.demo-module__c0YfZG__cardSupport{border-top:4px solid #10b981}.demo-module__c0YfZG__roleIconWrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.demo-module__c0YfZG__iconAdmin{color:#f55b14;background:#f55b141f}.demo-module__c0YfZG__iconFinance{color:#0b0b45;background:#0b0b451a}.demo-module__c0YfZG__iconSupport{color:#10b981;background:#10b9811f}.demo-module__c0YfZG__roleTitle{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:700}.demo-module__c0YfZG__roleDesc{color:#64748b;flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.demo-module__c0YfZG__featureList{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.demo-module__c0YfZG__featureItem{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.demo-module__c0YfZG__featureCheck{color:#10b981;flex-shrink:0}.demo-module__c0YfZG__credsBox{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:20px;padding:12px 14px;font-size:12px}.demo-module__c0YfZG__credsHeader{color:#64748b;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.demo-module__c0YfZG__credRow{color:#1e293b;justify-content:space-between;margin-bottom:2px;font-family:monospace;font-size:12px;display:flex}.demo-module__c0YfZG__copyBtn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.demo-module__c0YfZG__launchBtn{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.demo-module__c0YfZG__launchBtnAdmin{background:linear-gradient(135deg,#f55b14 0%,#ff8247 100%);box-shadow:0 4px 14px #f55b1459}.demo-module__c0YfZG__launchBtnAdmin:hover{background:linear-gradient(135deg,#e04a05 0%,#f55b14 100%);box-shadow:0 6px 20px #f55b1473}.demo-module__c0YfZG__launchBtnFinance{background:linear-gradient(135deg,#0b0b45 0%,#1e1e70 100%);box-shadow:0 4px 14px #0b0b454d}.demo-module__c0YfZG__launchBtnFinance:hover{background:linear-gradient(135deg,#06062a 0%,#0b0b45 100%);box-shadow:0 6px 20px #0b0b4566}.demo-module__c0YfZG__launchBtnSupport{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.demo-module__c0YfZG__launchBtnSupport:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 20px #10b98173}.demo-module__c0YfZG__simulatorSection{max-width:1240px;margin:40px auto 0;padding:0 24px}.demo-module__c0YfZG__simCard{color:#fff;background:linear-gradient(135deg,#0b0b45 0%,#17175c 100%);border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:36px 40px;display:grid;box-shadow:0 20px 40px #0b0b4540}@media (max-width:860px){.demo-module__c0YfZG__simCard{grid-template-columns:1fr;padding:28px 20px}}.demo-module__c0YfZG__simTitle{align-items:center;gap:12px;margin-bottom:12px;font-size:28px;font-weight:800;display:flex}.demo-module__c0YfZG__simDesc{color:#cbd5e1;margin-bottom:24px;font-size:15px;line-height:1.6}.demo-module__c0YfZG__simControls{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:20px}.demo-module__c0YfZG__presetAmounts{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.demo-module__c0YfZG__presetBtn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.demo-module__c0YfZG__presetBtn:hover,.demo-module__c0YfZG__presetBtnActive{background:#f55b14;border-color:#f55b14}.demo-module__c0YfZG__simSoundboxSpeaker{text-align:center;background:#ffffff0d;border:2px dashed #f55b1466;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;display:flex}.demo-module__c0YfZG__speakerIconCircle{color:#f55b14;background:#f55b1433;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;animation:2s infinite demo-module__c0YfZG__pulse;display:flex}@keyframes demo-module__c0YfZG__pulse{0%{transform:scale(.98);box-shadow:0 0 #f55b1466}70%{transform:scale(1.05);box-shadow:0 0 0 16px #f55b1400}to{transform:scale(.98);box-shadow:0 0 #f55b1400}}.demo-module__c0YfZG__speakerVoiceText{color:#fff;margin-bottom:8px;font-size:16px;font-weight:700}.demo-module__c0YfZG__speakerSubText{color:#94a3b8;font-size:13px}.demo-module__c0YfZG__testPayBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f55b14 0%,#ff8247 100%);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #f55b1466}.demo-module__c0YfZG__testPayBtn:hover{transform:translateY(-2px)}@media (max-width:768px){.demo-module__c0YfZG__headerContent{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.demo-module__c0YfZG__headerActions{justify-content:space-between;width:100%}.demo-module__c0YfZG__heroTitle{font-size:28px}.demo-module__c0YfZG__heroDesc{font-size:14px}.demo-module__c0YfZG__cardsGrid{grid-template-columns:1fr;gap:16px;padding:0 16px}.demo-module__c0YfZG__simulatorCard{margin:20px 16px;padding:20px 16px}.demo-module__c0YfZG__simulatorGrid{grid-template-columns:1fr;gap:20px}}