@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../../../Inter/static/Inter_24pt-Light.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../../../Inter/static/Inter_24pt-Regular.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../../../Inter/static/Inter_24pt-Medium.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../../../Inter/static/Inter_24pt-SemiBold.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../../../Inter/static/Inter_24pt-Bold.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../../../Inter/static/Inter_24pt-ExtraBold.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(../../../Inter/static/Inter_24pt-Italic.ttf) format("truetype")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(../../../Inter/static/Inter_24pt-BoldItalic.ttf) format("truetype")}:root{--primary-color: #4a6cf7;--primary-hover: #3a5dd9;--secondary-color: #2c3e50;--success-color: #27ae60;--warning-color: #f2994a;--danger-color: #e74c3c;--light-bg: #f5f7fa;--white: #ffffff;--light-border: #e5e7eb;--text-dark: #1e293b;--text-muted: #64748b;--text-light: #7f8c8d;--sidebar-link: rgba(255, 255, 255, .7);--sidebar-divider: rgba(255, 255, 255, .1);--primary-purple: purple;--purple: purple;--purple-rgb: 128, 0, 128;--gold-mustard: #daa520}.color-primary{color:var(--primary-color)}.color-primary-hover{color:var(--primary-hover)}.color-secondary{color:var(--secondary-color)}.color-success{color:var(--success-color)}.color-warning{color:var(--warning-color)}.color-danger{color:var(--danger-color)}.color-light-bg{color:var(--light-bg)}.color-white{color:var(--white)}.color-light-border{color:var(--light-border)}.color-text-dark{color:var(--text-dark)}.color-text-muted{color:var(--text-muted)}.color-text-light{color:var(--text-light)}.color-purple{color:purple}.color-accent-green{color:#4caf50}.color-light-blue{color:#bbdefb}.color-dark-teal{color:#00796b}.color-soft-peach{color:#ffecb3}.color-burnt-orange{color:#e65100}.color-light-greyblue{color:#cfd8dc}.color-deep-red{color:#b71c1c}.color-gold-mustard{color:#ffc107}.color-gold-mustard-bg{background-color:#ffc107}.color-burnt-orange-bg{background-color:#e65100}.text-title{font-size:clamp(20pt,5vw,24pt);font-weight:800}.text-h1{font-size:clamp(20pt,4.5vw,24pt);font-weight:600}.text-h1-gradient{background:linear-gradient(90deg,#4a6cf7,purple);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-h2{font-size:clamp(16pt,4vw,20pt);font-weight:400}.text-p{font-size:clamp(14pt,3.5vw,16pt);font-weight:300;line-height:1.5}.text-small{font-size:clamp(9pt,2.5vw,10pt);font-weight:300;font-style:italic}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.logo{color:var(--primary-color);font-weight:800;font-size:24pt}.dot{color:purple}.logoSmall{color:var(--primary-color);font-weight:600;font-size:.7rem}.dotSmall{color:var(--primary-purple)}.big-card{width:min(415px,90vw);height:auto;min-height:200px;border-radius:20px;text-align:center;padding:1.5rem}.small-card{min-width:min(200px,80vw);min-height:120px;border-radius:20px;text-align:center;padding:1rem}@media (max-width: 768px){.big-card{width:100%;margin:.5rem 0;border-radius:15px;padding:1rem}.small-card{width:100%;margin:.5rem 0;border-radius:15px;padding:.75rem}}.button-primary{min-height:44px;min-width:120px;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#f5f7fa;border-radius:8px;border:none;cursor:pointer;font-size:clamp(14px,3.5vw,16px);font-weight:500;transition:all .2s ease;touch-action:manipulation}.button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.button-primary{width:100%;min-width:auto;padding:1rem;font-size:16px}}.button-secondary{min-height:44px;min-width:120px;padding:.75rem 1.5rem;background-color:#bbdefb;color:#64748b;border-radius:8px;font-weight:500;border:none;cursor:pointer;font-size:clamp(14px,3.5vw,16px);transition:all .2s ease;touch-action:manipulation}.button-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.button-secondary{width:100%;min-width:auto;padding:1rem;font-size:16px}}.button-gemini{min-height:44px;min-width:120px;padding:.75rem 1.5rem;background-color:#ffc107;color:purple;border-radius:8px;border:none;cursor:pointer;font-size:clamp(14px,3.5vw,16px);font-weight:500;transition:all .2s ease;touch-action:manipulation}.button-gemini:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.button-gemini{width:100%;min-width:auto;padding:1rem;font-size:16px}}.primary-btn{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.primary-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.secondary-btn{padding:.5rem 1rem;background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.secondary-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.pill{border-radius:25px;background-color:#e5e7eb;border:none;min-width:120px;min-height:44px;padding:.75rem 1rem;font-size:clamp(14px,3.5vw,16px);touch-action:manipulation;transition:all .2s ease}.pill-selected{border-radius:25px;background-color:#e65100;border:none;min-width:120px;min-height:44px;padding:.75rem 1rem;font-size:clamp(14px,3.5vw,16px);color:#fff;touch-action:manipulation;transition:all .2s ease}@media (max-width: 768px){.pill,.pill-selected{width:100%;margin:.25rem 0;min-width:auto;font-size:16px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.grid{display:grid;gap:1rem}.grid-1,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}@media (max-width: 768px){.mobile-p-1{padding:.5rem!important}.mobile-p-2{padding:1rem!important}.mobile-m-1{margin:.5rem!important}.mobile-m-2{margin:1rem!important}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation}input,textarea,select{font-size:16px;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;width:100%;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf71a}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-content{width:100%!important;max-width:none!important;max-height:90vh!important;margin:0!important;border-radius:15px!important}}.text-center-mobile{text-align:left}@media (max-width: 768px){.text-center-mobile{text-align:center}}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}@supports (padding: max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}