.navbar{background-color:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.navbar-logo h1{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);flex-shrink:0}.navbar-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.navbar-nav li{display:flex;align-items:center}.nav-link{color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:var(--text-base);transition:all var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.nav-link:hover{color:var(--color-accent);background-color:var(--color-bg-secondary)}.nav-btn{padding:var(--space-2) var(--space-6);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);white-space:nowrap}@media (max-width: 768px){.navbar{padding:0}.navbar-container{padding:var(--space-3) var(--space-4);justify-content:space-between}.navbar-logo h1{font-size:var(--text-xl);margin:0}.navbar-nav li:nth-child(1),.navbar-nav li:nth-child(2){display:none}.nav-btn{padding:var(--space-2) var(--space-4);font-size:.75rem}}.token-simulator{background-color:#fff;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);width:100%;height:100%;display:flex;flex-direction:column;animation:fadeIn .5s ease-in;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.simulator-section{margin-bottom:var(--space-8)}.section-label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-4)}.size-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.size-btn{padding:var(--space-4);border:2px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-primary);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.size-btn:hover{border-color:var(--color-accent);background-color:var(--color-bg-secondary)}.size-btn.active{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff}.concurrent-info{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.concurrent-info strong{color:var(--color-accent);font-weight:700}.courses-section{margin-bottom:var(--space-8)}.section-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-6) 0;color:var(--color-text-primary)}.courses-list{display:flex;flex-direction:column;gap:var(--space-6);max-height:350px;overflow-y:auto;padding-right:var(--space-4)}.courses-list::-webkit-scrollbar{width:6px}.courses-list::-webkit-scrollbar-track{background-color:var(--color-bg-primary);border-radius:3px}.courses-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.courses-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}.course-bid-item{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);transition:all var(--transition-fast)}.course-bid-item:hover{border-color:var(--color-accent);background-color:var(--color-bg-secondary)}.course-info{display:flex;flex-direction:column;gap:.25rem}.course-name{font-weight:600;font-size:var(--text-sm);margin:0;color:var(--color-text-primary)}.course-capacity{font-size:.75rem;color:var(--color-text-secondary);margin:0}.bid-input-group{display:flex;align-items:center;gap:var(--space-2);grid-column:1 / -1}.bid-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-border) 0%,var(--color-accent) 50%,var(--color-accent) 100%);outline:none;-webkit-appearance:none;cursor:pointer}.bid-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:var(--color-accent);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.bid-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.bid-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background-color:var(--color-accent);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.bid-slider:disabled{opacity:.5;cursor:not-allowed}.bid-input{width:50px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;text-align:center;color:var(--color-text-primary);transition:all var(--transition-fast)}.bid-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #cc785c1a}.bid-input:disabled{opacity:.5;cursor:not-allowed}.bid-points{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;min-width:20px}.success-rate{grid-column:1 / -1;display:flex;justify-content:flex-end}.rate{font-size:.75rem;font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);display:inline-block}.rate.high{background-color:#4a9d6f1a;color:var(--color-success)}.rate.medium{background-color:#d97c0c1a;color:var(--color-warning)}.rate.low{background-color:#d32f2f1a;color:var(--color-error)}.token-status{margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-accent)}.status-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:var(--space-4)}.allocated-bar{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#d97c0c 100%);transition:width var(--transition-normal) ease}.status-text{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.status-text span{color:var(--color-text-primary)}.remaining-valid{color:var(--color-success)}.remaining-invalid{color:var(--color-error)}.error-message{margin:0;padding:var(--space-4);background-color:#d32f2f1a;color:var(--color-error);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;text-align:center}.simulator-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.simulator-actions .btn{flex:1;font-size:var(--text-sm);padding:var(--space-4) var(--space-6)}.simulator-actions .btn:disabled{opacity:.5;cursor:not-allowed}.report-section{padding:var(--space-8);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);border-radius:var(--radius-lg);border:2px solid var(--color-accent);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-section h3{font-size:var(--text-lg);margin:0 0 var(--space-6) 0;color:var(--color-accent)}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.report-item{text-align:center;padding:var(--space-6);background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.report-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.report-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);margin:0}.report-value.success-state{color:var(--color-success)}.comparison-mini{margin-bottom:var(--space-6);padding:var(--space-6);background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.comparison-mini h4{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.comparison-items{display:flex;flex-direction:column;gap:var(--space-4)}.comp-item{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:var(--space-2);align-items:center;font-size:var(--text-sm)}.comp-label{color:var(--color-text-secondary);font-weight:500}.comp-value{font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.comp-value.new{background-color:#4a9d6f1a;color:var(--color-success)}.comp-value.old{background-color:#d32f2f1a;color:var(--color-error)}.comp-vs{color:var(--color-text-secondary);font-weight:600;text-align:center}.report-section .btn{width:100%}@media (max-width: 640px){.token-simulator{min-width:auto;padding:var(--space-6)}.size-selector{grid-template-columns:1fr}.bid-input-group{flex-wrap:wrap}.bid-slider{width:100%}.report-grid{grid-template-columns:1fr}.simulator-actions{flex-direction:column}.comp-item{grid-template-columns:auto 1fr;gap:var(--space-2)}.comp-vs{display:none}.comp-value{grid-column:2}}.hero{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-left{display:flex;flex-direction:column;gap:var(--space-6)}.hero-title{font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.trust-signals-top{display:flex;flex-direction:column;gap:var(--space-4)}.signal-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-primary)}.signal-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent);color:#fff;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.hero-cta{display:flex;align-items:flex-start;gap:var(--space-4);flex-direction:column;margin-top:var(--space-4)}.cta-hint{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.hero-right{display:flex;justify-content:center;align-items:stretch;height:100%;min-height:600px}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-12)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}}@media (max-width: 768px){.hero{padding:var(--space-12) 0}.hero-right{min-height:300px;padding:var(--space-6)}}.home{width:100%;background-color:var(--color-bg-primary)}@media (max-width: 768px){.home{overflow-x:hidden}}:root{--color-bg-primary: #fcfbf9;--color-bg-secondary: #f4f3ee;--color-bg-light: #fafaf8;--color-border: #e5e0d6;--color-text-primary: #141413;--color-text-dark: #141413;--color-text-secondary: #6b6b6b;--color-text-light: #9b9b9b;--color-accent: #cc785c;--color-accent-light: #e5a990;--color-primary: #cc785c;--color-success: #4a9d6f;--color-warning: #d97c0c;--color-error: #d32f2f;--font-serif: "Tiempos Headline", "Georgia", serif;--font-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px rgba(20, 20, 19, .05);--shadow-md: 0 4px 6px rgba(20, 20, 19, .1);--shadow-lg: 0 10px 15px rgba(20, 20, 19, .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:var(--leading-tight);margin:var(--space-6) 0 var(--space-4) 0;color:var(--color-text-dark)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin:var(--space-4) 0;line-height:var(--leading-relaxed)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-light);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-6) var(--space-12);font-size:var(--text-lg)}.card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th{background-color:var(--color-primary);color:#fff;padding:var(--space-4) var(--space-6);text-align:left;font-weight:600;font-size:var(--text-sm)}td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary)}tr:last-child td{border-bottom:none}tr:hover{background-color:var(--color-bg-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.my-4{margin:var(--space-4) 0}.my-6{margin:var(--space-6) 0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.invisible{visibility:hidden}.hidden{display:none!important}@media (max-width: 768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:var(--space-6)}th,td{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media print{body{background-color:#fff}.no-print{display:none!important}}