@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.app{min-height:100vh}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-cloud-fog);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.navbar{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-cloud-fog);padding:0 var(--space-4)}.navbar-content{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.navbar-logo:hover{text-decoration:none}.navbar-logo-img{height:28px;width:auto}.navbar-logo-badge{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-cloud);background:var(--gradient-brand);padding:.125rem .5rem;border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase}.navbar-nav{display:flex;align-items:center;gap:var(--space-6)}.navbar-link{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--color-navy-lighter);text-decoration:none;padding:.5rem 0;background:none;border:none;cursor:pointer;transition:color .15s ease}.navbar-link:hover{color:var(--color-primary);text-decoration:none}.navbar-link.active{color:var(--color-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 768px){.navbar-nav{display:none}}.footer{background:var(--color-navy);color:var(--color-cloud-mist);padding:var(--space-12) var(--space-4)}.footer-content{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-section-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--color-cloud-fog);text-decoration:none;font-size:var(--text-sm);font-family:var(--font-body);background:none;border:none;padding:0;cursor:pointer;transition:color .15s ease}.footer-link:hover{color:#fff;text-decoration:none}.footer-bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--text-sm);color:var(--color-cloud-fog)}.progress-bar{width:100%;height:8px;background:var(--color-cloud-fog);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width .3s ease}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge-applied{background:var(--color-warning-light);color:#b45309}.status-badge-approved{background:var(--color-info-light);color:#1d4ed8}.status-badge-certified{background:var(--color-success-light);color:#047857}.status-badge-suspended{background:var(--color-error-light);color:#b91c1c}.tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--color-cloud-fog);padding-bottom:0;margin-bottom:var(--space-6);overflow-x:auto}.tab{padding:.75rem 1.25rem;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tab:hover{color:var(--color-navy)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--color-cloud-mist);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-navy);cursor:pointer;transition:all .15s ease}.chip:hover{background:var(--color-cloud-fog);border-color:var(--color-border-hover)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chip.optional:after{content:"(optional)";font-size:var(--text-xs);color:var(--color-text-muted);margin-left:.25rem}.checklist{display:flex;flex-direction:column;gap:var(--space-3)}.checklist-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-md)}.checklist-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.checklist-icon.done{background:var(--color-secondary-muted);color:var(--color-secondary-dark)}.checklist-icon.pending{background:var(--color-cloud-fog);color:var(--color-text-muted)}.checklist-text{flex:1;font-size:var(--text-sm);color:var(--color-navy)}.checklist-text.done{color:var(--color-text-muted)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.action-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.stat-card{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-navy)}.stat-value.highlight{color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-cloud-mist);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:2rem}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin-bottom:.5rem}.empty-state-text{color:var(--color-text-muted);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.625rem 1rem;min-height:44px;font-size:var(--text-sm)}.btn-md{padding:.75rem 1.25rem;min-height:48px;font-size:var(--text-base)}.btn-lg{padding:1rem 2rem;min-height:52px;font-size:var(--text-md)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),0 8px 32px #f45d5d4d}.btn-secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),0 8px 32px #00d4aa4d}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-outline-secondary{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn-outline-secondary:hover:not(:disabled){background:var(--color-secondary);color:#fff}.btn-ghost{background:transparent;color:var(--color-navy)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-muted);color:var(--color-primary)}.btn-gradient{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm),0 4px 20px #f45d5d33}.btn-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 8px 32px #f45d5d4d}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc3636;transform:translateY(-1px)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#0d9668;transform:translateY(-1px)}.btn-full{width:100%}.btn-icon{padding:.625rem;min-width:44px;min-height:44px;aspect-ratio:1}.btn-spinner{width:1em;height:1em;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.card{border-radius:var(--radius-xl);transition:all .2s ease}.card-default{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);box-shadow:var(--shadow-sm)}.card-glass{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-cloud-fog);box-shadow:var(--shadow-md)}.card-bordered{background:var(--color-cloud);border:1px solid var(--color-cloud-fog)}.card-elevated{background:var(--color-cloud);box-shadow:var(--shadow-lg)}.card-hover:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-lg),0 0 20px var(--color-primary-muted)}.card-clickable{cursor:pointer}.card-clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card-primary{border-left:4px solid var(--color-primary)}.card-secondary{border-left:4px solid var(--color-secondary)}.card-success{border-left:4px solid var(--color-success)}.card-warning{border-left:4px solid var(--color-warning)}.card-p-none{padding:0}.card-p-sm{padding:1rem}.card-p-md{padding:1.5rem}.card-p-lg{padding:2rem}.card-header{margin-bottom:1rem}.card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin:0 0 .5rem}.card-description{font-size:var(--text-base);color:var(--color-navy-lighter);line-height:1.6;margin:0}.card-content{color:var(--color-navy)}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-cloud-fog)}.card-feature{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center}.card-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.card-feature-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--color-primary-muted),var(--color-secondary-muted));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.5rem}.card-feature-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--color-navy);margin:0 0 .5rem}.card-feature-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.card-action{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);padding:1.5rem;border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.card-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-action-icon{width:48px;height:48px;background:var(--color-primary-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.25rem;margin-bottom:1rem}.card-action-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--color-navy);margin:0 0 .25rem}.card-action-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card-persona{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);padding:1.5rem;border-radius:var(--radius-xl);display:flex;gap:1rem;align-items:center;cursor:pointer;transition:all .2s ease}.card-persona:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-persona-avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.25rem;flex-shrink:0}.card-persona-info{flex:1;min-width:0}.card-persona-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--color-navy);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-persona-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:.25rem 0 0}.card-persona-status{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.card-persona-status.ready{background:var(--color-success-light);color:var(--color-success)}.card-persona-status.pending{background:var(--color-warning-light);color:var(--color-warning)}.card-persona-status.certified{background:var(--color-secondary-muted);color:var(--color-secondary-dark)}.card-add{background:var(--color-cloud-soft);border:2px dashed var(--color-cloud-fog);padding:1.5rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;min-height:120px}.card-add:hover{border-color:var(--color-primary);background:var(--color-primary-muted)}.card-add-icon{width:40px;height:40px;border-radius:50%;background:var(--color-cloud-fog);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.25rem;transition:all .2s ease}.card-add:hover .card-add-icon{background:var(--color-primary);color:#fff}.card-add-text{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-navy)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-text-muted);display:flex;align-items:center}.input{width:100%;padding:.75rem 1rem;min-height:48px;font-family:var(--font-body);font-size:var(--text-base);background:var(--color-cloud);border:2px solid var(--color-cloud-fog);border-radius:var(--radius-lg);color:var(--color-navy);transition:all .2s ease}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-navy-lighter)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-muted)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-cloud-mist)}.input-with-icon{padding-left:2.75rem}.input-error .input{border-color:var(--color-error)}.input-error .input:focus{box-shadow:0 0 0 4px var(--color-error-light)}.input-error-text{font-size:var(--text-sm);color:var(--color-error)}.input-success .input{border-color:var(--color-success)}.input-success .input:focus{box-shadow:0 0 0 4px var(--color-success-light)}.textarea{min-height:100px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235a6b7e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;cursor:pointer}.input-sm{padding:.625rem .75rem;min-height:44px;font-size:var(--text-sm)}.input-lg{padding:1rem 1.25rem;min-height:52px;font-size:var(--text-md)}.input-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.checkbox-group,.radio-group{display:flex;align-items:center;gap:.75rem;cursor:pointer;min-height:44px;padding:.25rem 0}.checkbox,.radio{width:24px;height:24px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.checkbox-label,.radio-label{font-size:var(--text-base);color:var(--color-navy)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2a4a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .15s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-cloud);border-radius:var(--radius-xl);box-shadow:0 20px 60px #1e2a4a33;max-height:90vh;overflow-y:auto;animation:modal-slide-up .2s ease-out;border:1px solid var(--color-cloud-fog)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:500px}.modal-lg{width:90%;max-width:700px}.modal-xl{width:90%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-cloud-fog)}.modal-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-navy);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.modal-close:hover{background:var(--color-cloud-mist);color:var(--color-navy)}.modal-content{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-cloud-fog);display:flex;justify-content:flex-end;gap:.75rem}.confirm-message{color:var(--color-navy);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-actions .btn{min-width:100px}.modal-icon{width:56px;height:56px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon-success{background:var(--color-success-light);color:var(--color-success)}.modal-icon-error{background:var(--color-error-light);color:var(--color-error)}.modal-icon-warning{background:var(--color-warning-light);color:var(--color-warning)}.modal-icon-info{background:var(--color-info-light);color:var(--color-info)}.modal-icon-primary{background:var(--color-primary-muted);color:var(--color-primary)}.landing{min-height:100vh;overflow-x:hidden}.hero{position:relative;padding:var(--space-16) var(--space-4) var(--space-12);background:linear-gradient(160deg,#fff5f5 0%,#f0fdf9 50%,var(--color-cloud-soft) 100%);overflow:hidden}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-shape{position:absolute;border-radius:50%;opacity:.08}.shape-circle{width:300px;height:300px;background:var(--color-primary);top:-80px;right:10%;animation:float-slow 20s ease-in-out infinite}.shape-circle-large{width:500px;height:500px;background:var(--color-secondary);bottom:-200px;left:-100px;animation:float-slow 25s ease-in-out infinite reverse}.shape-triangle{width:200px;height:200px;background:var(--color-lavender);top:40%;right:-50px;border-radius:30%;transform:rotate(45deg);animation:float-slow 18s ease-in-out infinite}.shape-square{width:150px;height:150px;background:var(--color-lemon);bottom:20%;left:15%;border-radius:20%;transform:rotate(20deg);animation:float-slow 22s ease-in-out infinite reverse}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}@media (max-width: 900px){.hero-container{grid-template-columns:1fr;text-align:center}}.hero-content{max-width:560px}@media (max-width: 900px){.hero-content{max-width:100%;margin:0 auto}}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-4);color:var(--color-navy)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6)}.hero-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}@media (max-width: 900px){.hero-actions{justify-content:center}}@media (max-width: 480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.hero-stats-overlay{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);width:fit-content}@media (max-width: 900px){.hero-stats-overlay{margin:0 auto}}@media (max-width: 480px){.hero-stats-overlay{gap:var(--space-4);padding:var(--space-3) var(--space-4)}}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-navy)}.hero-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 900px){.hero-visual{max-width:320px;margin:0 auto}}.hero-mascot{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 20px 40px rgba(244,93,93,.15));animation:mascot-bounce 4s ease-in-out infinite}@keyframes mascot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:var(--space-2);color:var(--color-navy)}.section-subtitle{font-size:var(--text-md);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}.tracks{background:var(--color-cloud-soft)}.tracks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 900px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tracks-grid{grid-template-columns:1fr}}.track-card{position:relative;background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;cursor:pointer;transition:all .25s ease}.track-card:hover{transform:translateY(-6px);border-color:var(--track-color, var(--color-primary));box-shadow:0 12px 32px #1e2a4a1a}.track-card-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);transition:transform .2s ease}.track-card:hover .track-card-icon{transform:scale(1.1)}.track-card-icon-text{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}.track-duration-badge{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);background:var(--color-cloud-mist);padding:.2rem .6rem;border-radius:var(--radius-full)}.track-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2)}.track-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-4)}.how-it-works{background:var(--color-cloud)}.timeline{position:relative;padding:var(--space-4) 0}.timeline-line{display:none}.timeline-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media (min-width: 769px){.timeline-line{display:block;position:absolute;top:52px;left:12.5%;right:12.5%;height:3px;background:var(--gradient-brand);border-radius:2px;z-index:0;opacity:.25}}@media (max-width: 768px){.timeline-steps{grid-template-columns:1fr;gap:var(--space-4)}}.step{text-align:center;position:relative;z-index:1}.step-icon{width:48px;height:48px;margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center;background:var(--color-cloud);border-radius:50%;box-shadow:var(--shadow-md)}.step-number{width:28px;height:28px;margin:0 auto var(--space-3);background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:#fff}.step-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2)}.step-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;max-width:220px;margin:0 auto}.trainers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.trainers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.trainers-grid{grid-template-columns:1fr}}.trainer-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.trainer-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.trainer-avatar{width:48px;height:48px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:#fff;flex-shrink:0}.trainer-info{flex:1;min-width:0}.trainer-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trainer-city{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.cta{background:var(--color-navy);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent,transparent 40px,rgba(244,93,93,.04) 40px,rgba(244,93,93,.04) 80px);pointer-events:none}.cta-content{position:relative;text-align:center;padding:var(--space-8) 0}.cta-title{font-size:clamp(1.5rem,3vw,2rem);color:#fff;margin-bottom:var(--space-3)}.cta-subtitle{font-size:var(--text-md);color:var(--color-cloud-fog);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}.footer-brand{display:flex;flex-direction:column;gap:var(--space-2)}.footer-logo{height:24px;width:auto;max-width:120px;object-fit:contain;opacity:.8;filter:brightness(10)}.footer-description{font-size:var(--text-sm);color:var(--color-cloud-fog);line-height:1.5;max-width:260px}.apply-page{min-height:100vh;background:var(--color-cloud-soft)}.apply-content{max-width:560px;margin:0 auto;padding:var(--space-8) var(--space-4)}.apply-auth-prompt{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.apply-auth-card{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;max-width:400px}.apply-auth-icon{font-size:3rem;margin-bottom:var(--space-4)}.apply-auth-card h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.apply-auth-card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.apply-auth-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.apply-success{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.apply-success-card{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;max-width:480px}.apply-success-icon{font-size:3rem;margin-bottom:var(--space-4)}.apply-success-card h1{font-size:var(--text-xl);color:var(--color-success);margin-bottom:var(--space-2)}.apply-success-card p{color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.apply-form-container{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.apply-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--gradient-hero);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.apply-preview-avatar{width:56px;height:56px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.5rem;flex-shrink:0}.apply-preview-info{flex:1}.apply-preview-name{display:block;width:100%;background:none;border:none;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);padding:0;margin-bottom:.25rem}.apply-preview-name::placeholder{color:var(--color-text-muted)}.apply-preview-name:focus{outline:none}.apply-preview-city{font-size:var(--text-sm);color:var(--color-text-muted)}.apply-progress{margin-bottom:var(--space-6)}.apply-progress-steps{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.apply-progress-steps span.active{color:var(--color-primary);font-weight:600}.apply-step h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}.apply-step>p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.apply-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.apply-fields{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.apply-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.apply-error{background:var(--color-error-light);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.portal-page{min-height:100vh;background:var(--color-cloud-soft)}.portal-content{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.portal-auth-prompt{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.portal-auth-card{background:var(--color-cloud);border:1px solid var(--color-cloud-fog);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;max-width:400px}.portal-auth-icon{font-size:3rem;margin-bottom:var(--space-4)}.portal-auth-card h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.portal-auth-card p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.portal-auth-note{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.portal-auth-note button{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer}.portal-header{margin-bottom:var(--space-6)}.portal-header-info{display:flex;align-items:center;gap:var(--space-4)}.portal-header h1{font-size:var(--text-2xl);margin:0}.portal-progress-card{margin-bottom:var(--space-6)}.portal-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.portal-progress-percent{font-family:var(--font-display);font-weight:700;color:var(--color-primary)}.portal-progress-card .progress-bar{margin-bottom:var(--space-4)}.portal-referral-card{margin-bottom:var(--space-6)}.portal-referral-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-cloud-mist);border-radius:var(--radius-md);margin:var(--space-4) 0}.portal-referral-code{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-referral-note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.portal-section-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.portal-content .stats-grid{margin-bottom:var(--space-6)}.portal-content .action-grid{margin-bottom:var(--space-8)}.curriculum-page{min-height:100vh;background:var(--color-cloud-soft)}.curriculum-content{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.curriculum-header{margin-bottom:var(--space-6)}.curriculum-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.curriculum-header p{color:var(--color-text-muted)}.curriculum-loading{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.curriculum-loading .loading-spinner{margin:0 auto var(--space-4)}.curriculum-tracks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (max-width: 640px){.curriculum-tracks-grid{grid-template-columns:1fr}}.curriculum-track-card{cursor:pointer}.curriculum-track-icon{font-size:2rem;margin-bottom:var(--space-3)}.curriculum-track-meta{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.curriculum-modules-header{margin-bottom:var(--space-6)}.curriculum-back{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:0;margin-bottom:var(--space-2)}.curriculum-back:hover{color:var(--color-primary)}.curriculum-modules-header h2{font-size:var(--text-xl);display:flex;align-items:center;gap:var(--space-2)}.curriculum-modules-list{display:flex;flex-direction:column;gap:var(--space-4)}.curriculum-module-card .card-content{display:flex;align-items:flex-start;gap:var(--space-4)}.curriculum-module-number{width:40px;height:40px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff;flex-shrink:0}.curriculum-module-info{flex:1}.curriculum-module-info .card-title{font-size:var(--text-base);margin-bottom:.25rem}.curriculum-module-info .card-description{font-size:var(--text-sm);margin-bottom:var(--space-2)}.curriculum-module-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.curriculum-cta-card{margin-top:var(--space-6);text-align:center;background:var(--gradient-hero)}.curriculum-cta-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.curriculum-cta-card p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.certification-page{min-height:100vh;background:var(--color-cloud-soft)}.certification-content{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.certification-header{margin-bottom:var(--space-6)}.certification-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.certification-header p{color:var(--color-text-muted)}.certification-auth{display:flex;justify-content:center;padding:var(--space-12) var(--space-4)}.certification-auth-content{text-align:center;max-width:400px}.certification-auth-icon{font-size:3rem;margin-bottom:var(--space-4)}.certification-auth-content h2{margin-bottom:var(--space-2)}.certification-auth-content p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.certification-loading{text-align:center;padding:var(--space-8)}.certification-result{margin-bottom:var(--space-6)}.certification-result .card-content{display:flex;align-items:center;gap:var(--space-4)}.certification-result.passed{border-left:4px solid var(--color-success);background:var(--color-success-light)}.certification-result.failed{border-left:4px solid var(--color-warning);background:var(--color-warning-light)}.certification-result-icon{font-size:2rem}.certification-result-info h3{font-size:var(--text-md);margin-bottom:.25rem}.certification-result-info p{font-size:var(--text-sm);color:var(--color-navy);margin-bottom:var(--space-2)}.certification-types{display:flex;flex-direction:column;gap:var(--space-4)}.certification-type-card .card-content{display:flex;flex-direction:column;gap:var(--space-2)}.certification-type-header{display:flex;justify-content:space-between;align-items:center}.certification-type-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.certification-type-actions{margin-top:var(--space-2)}.exam-content{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.exam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.exam-header h1{font-size:var(--text-xl)}.exam-timer{background:var(--color-primary-muted);color:var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:600}.exam-questions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.exam-question-card .card-content{display:flex;gap:var(--space-4)}.exam-question-number{width:36px;height:36px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff;flex-shrink:0}.exam-question-content{flex:1}.exam-question-text{font-weight:600;color:var(--color-navy);margin-bottom:var(--space-3)}.exam-options{display:flex;flex-direction:column;gap:var(--space-2)}.exam-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-cloud-mist);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.exam-option:hover{background:var(--color-cloud-fog)}.exam-option input{width:20px;height:20px;accent-color:var(--color-primary)}.exam-option span{font-size:var(--text-sm)}.exam-actions{display:flex;justify-content:space-between}.referral-page{min-height:100vh;background:var(--color-cloud-soft)}.referral-content{max-width:700px;margin:0 auto;padding:var(--space-6) var(--space-4)}.referral-header{margin-bottom:var(--space-6)}.referral-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.referral-header p{color:var(--color-text-muted)}.referral-auth{display:flex;justify-content:center;padding:var(--space-12) var(--space-4)}.referral-auth-content{text-align:center;max-width:400px}.referral-auth-icon{font-size:3rem;margin-bottom:var(--space-4)}.referral-auth-content h2{margin-bottom:var(--space-2)}.referral-auth-content p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.referral-loading{text-align:center;padding:var(--space-8)}.referral-code-card{margin-bottom:var(--space-6)}.referral-code-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-cloud-mist);border-radius:var(--radius-md);margin:var(--space-4) 0}.referral-code-box code{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-navy)}.referral-share-buttons{display:flex;gap:var(--space-2)}.referral-content .stats-grid{margin-bottom:var(--space-6)}.referral-list,.commission-list{display:flex;flex-direction:column;gap:var(--space-3)}.referral-item .card-content,.commission-item .card-content{display:flex;justify-content:space-between;align-items:center}.referral-item-info,.commission-item-info{display:flex;align-items:center;gap:var(--space-3)}.referral-item-date,.commission-item-period{font-size:var(--text-sm);color:var(--color-text-muted)}.commission-item-amount{font-family:var(--font-display);font-weight:700;color:var(--color-primary)}.referral-item-commission{font-size:var(--text-xs);color:var(--color-success)}.workshop-page{min-height:100vh;background:var(--color-cloud-soft)}.workshop-content{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.workshop-header{margin-bottom:var(--space-6)}.workshop-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.workshop-header p{color:var(--color-text-muted)}.workshop-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.workshop-loading{text-align:center;padding:var(--space-8)}.workshop-list,.workshop-card .card-content{display:flex;flex-direction:column;gap:var(--space-4)}.workshop-card-header{display:flex;align-items:flex-start;gap:var(--space-3)}.workshop-card-avatar{width:48px;height:48px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff;flex-shrink:0}.workshop-card-meta{flex:1}.workshop-card-meta .card-title{font-size:var(--text-md);margin-bottom:.25rem}.workshop-card-trainer{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.workshop-trainer-link{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;padding:0}.workshop-trainer-link:hover{text-decoration:underline}.workshop-card-price{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-primary)}.workshop-card-details{display:flex;flex-wrap:wrap;gap:var(--space-4)}.workshop-card-detail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.workshop-card-icon{font-size:1rem}.workshop-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-cloud-fog)}.trainer-page{min-height:100vh;background:var(--color-cloud-soft)}.trainer-content{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4)}.trainer-loading,.trainer-error{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.trainer-error .card-content{text-align:center}.trainer-error h2{margin-bottom:var(--space-2)}.trainer-error p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.trainer-hero{text-align:center;padding:var(--space-8);background:var(--gradient-hero);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.trainer-avatar{width:96px;height:96px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:2.5rem;color:#fff;margin:0 auto var(--space-4);box-shadow:var(--shadow-lg)}.trainer-name{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.trainer-city{color:var(--color-text-muted);margin-bottom:var(--space-3)}.trainer-bio-card{margin-bottom:var(--space-4)}.trainer-bio{color:var(--color-navy);line-height:1.7;white-space:pre-line}.trainer-social-card{margin-bottom:var(--space-4)}.trainer-social-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.trainer-social-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-cloud-mist);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-navy);text-decoration:none;transition:background .15s ease}.trainer-social-link:hover{background:var(--color-cloud-fog);text-decoration:none}.trainer-cta-card{text-align:center;background:var(--color-navy);color:#fff}.trainer-cta-card h3{color:#fff;margin-bottom:var(--space-2)}.trainer-cta-card p{color:var(--color-cloud-fog);margin-bottom:var(--space-4)}.trainer-cta-buttons{display:flex;justify-content:center;gap:var(--space-3)}@media (max-width: 480px){.trainer-cta-buttons{flex-direction:column}}.verify-page{min-height:100vh;background:var(--color-cloud-soft)}.verify-content{max-width:500px;margin:0 auto;padding:var(--space-12) var(--space-4)}.verify-loading{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.verify-loading .loading-spinner{margin:0 auto var(--space-4)}.verify-card{text-align:center}.verify-card .card-content{padding:var(--space-8)}.verify-icon{font-size:3rem;margin-bottom:var(--space-4)}.verify-card h1{font-size:var(--text-xl);margin-bottom:var(--space-2)}.verify-card>.card-content>p{color:var(--color-text-muted);margin-bottom:var(--space-6)}.verify-invalid{border-top:4px solid var(--color-error)}.verify-invalid h1{color:var(--color-error)}.verify-valid{border-top:4px solid var(--color-success)}.verify-valid h1{color:var(--color-success)}.verify-details{text-align:left;margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-cloud-mist);border-radius:var(--radius-lg)}.verify-detail{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-cloud-fog)}.verify-detail:last-child{border-bottom:none}.verify-label{font-size:var(--text-sm);color:var(--color-text-muted)}.verify-value{font-weight:600;color:var(--color-navy)}.verify-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-navy);background:var(--color-cloud-fog);padding:.25rem .5rem;border-radius:var(--radius-sm)}.verify-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-brand);border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-weight:700;margin-bottom:var(--space-6)}.verify-badge-icon{font-size:1.25rem}:root{--color-primary: #f45d5d;--color-primary-hover: #e84a4a;--color-primary-light: #ff8a8a;--color-primary-dark: #d44040;--color-primary-muted: rgba(244, 93, 93, .12);--color-secondary: #00d4aa;--color-secondary-hover: #00c49b;--color-secondary-light: #5eecd5;--color-secondary-dark: #00a888;--color-secondary-muted: rgba(0, 212, 170, .12);--color-accent: var(--color-secondary);--color-accent-hover: var(--color-secondary-hover);--color-accent-light: var(--color-secondary-light);--color-accent-muted: var(--color-secondary-muted);--color-navy: #1e2a4a;--color-navy-light: #2d3f5f;--color-navy-lighter: #3d5276;--color-ocean: var(--color-navy);--color-ocean-light: var(--color-navy-light);--color-ocean-lighter: var(--color-navy-lighter);--color-cloud: #ffffff;--color-cloud-soft: #f8fafb;--color-cloud-mist: #f0f4f7;--color-cloud-fog: #e4eaf0;--color-sky: #4da6ff;--color-lavender: #a78bfa;--color-peach: #ffb088;--color-lemon: #ffd93d;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .12);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .12);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .12);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .12);--color-bg: var(--color-cloud-soft);--color-bg-elevated: var(--color-cloud);--color-bg-subtle: var(--color-cloud-mist);--color-text: var(--color-navy);--color-text-secondary: var(--color-navy-light);--color-text-muted: #5a6b7e;--color-border: rgba(30, 42, 74, .08);--color-border-hover: rgba(30, 42, 74, .15);--gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-claw: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);--gradient-crab: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary-muted) 0%, var(--color-secondary-muted) 100%);--font-display: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(30, 42, 74, .06);--shadow-md: 0 4px 16px rgba(30, 42, 74, .08);--shadow-lg: 0 8px 32px rgba(30, 42, 74, .1);--shadow-xl: 0 16px 48px rgba(30, 42, 74, .12);--shadow-primary: 0 4px 20px rgba(244, 93, 93, .25);--shadow-secondary: 0 4px 20px rgba(0, 212, 170, .25);--touch-target-min: 44px;--touch-target-comfortable: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-ocean)}a{color:var(--color-ocean);text-decoration:none;font-weight:500}a:hover{color:var(--color-primary-dark);text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-cloud-mist)}::-webkit-scrollbar-thumb{background:var(--color-cloud-fog);border-radius:var(--radius-full)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.text-center{text-align:center}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}