@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@300;400;500;600;700&display=swap";.auth-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.auth-modal-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:500px;width:100%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.auth-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:2rem;color:var(--color-gray-500);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base)}.auth-modal-close:hover{background-color:var(--color-gray-200);color:var(--color-black)}.auth-modal-icon{font-size:4rem;text-align:center;margin-bottom:var(--spacing-lg)}.auth-modal-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xl)}.auth-modal-feature{background:var(--color-gray-100);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:center}.auth-modal-feature h3{font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.auth-modal-feature p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.auth-modal-message{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);line-height:1.6}.auth-modal-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn-modal-register,.btn-modal-login{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-modal-register{background-color:var(--color-primary);color:var(--color-white)}.btn-modal-register:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-modal-login{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-modal-login:hover{background-color:var(--color-primary);color:var(--color-white)}.auth-modal-benefits{background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md)}.auth-modal-benefits-title{font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center}.auth-modal-benefits ul{list-style:none;padding:0;margin:0}.auth-modal-benefits li{padding:var(--spacing-xs) 0;color:var(--color-gray-500);font-size:var(--font-size-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.auth-modal-content{padding:var(--spacing-xl)}.auth-modal-title{font-size:var(--font-size-xl)}.auth-modal-buttons{flex-direction:column}}.app-footer{background:linear-gradient(135deg,#6b8e7f,#5a7a6d);color:#fff;padding:3rem 2rem 2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:1rem;color:#e8c4c4}.footer-section p{margin:.5rem 0;opacity:.9;line-height:1.6}.footer-section a{display:block;color:#fff;text-decoration:none;margin:.5rem 0;opacity:.9;transition:all .3s ease}.footer-section a:hover{opacity:1;color:#e8c4c4;transform:translate(5px)}.powered-by{margin-top:1rem;font-size:.9rem;opacity:.8}.telapa-links{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.link-separator{color:#fff9}.telapa-link{color:#e8c4c4!important;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline!important;transform:none!important}.telapa-link:hover{color:#fff!important;text-decoration:underline}@media(max-width:768px){.app-footer{padding:2rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section h4{font-size:1.1rem}}.home-page{min-height:100vh;background-color:var(--color-white)}.hero-section{min-height:90vh;background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-2xl)}.hero-content{max-width:800px;text-align:center;z-index:2;animation:fadeInUp 1s ease-out}.hero-logo{max-width:200px;height:auto;margin-bottom:var(--spacing-xl)}.hero-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-black);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-lg)}.hero-description{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;margin-bottom:var(--spacing-2xl)}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-primary,.btn-secondary,.btn-outline,.btn-cta{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;min-height:52px}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.hero-decoration{position:absolute;right:-50px;top:50%;transform:translateY(-50%);opacity:.1;z-index:1}.dna-helix{width:200px;height:400px}.features-section,.calculators-section,.certification-section{padding:var(--spacing-2xl) var(--spacing-xl);max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);cursor:pointer;position:relative}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-gray-500);line-height:1.6}.feature-badge{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.calculators-section{background-color:var(--color-gray-100)}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-gray-600);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.calculators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.calculator-preview{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.calculator-preview h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.calculator-formula{font-family:Courier New,monospace;background-color:var(--color-gray-100);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.calculator-desc{color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--spacing-lg)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);width:100%}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.certification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.cert-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border-top:4px solid}.cert-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.cert-standard{border-top-color:var(--color-standard)}.cert-silver{border-top-color:var(--color-silver)}.cert-gold{border-top-color:var(--color-gold)}.cert-platinum{border-top-color:var(--color-platinum)}.cert-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.cert-standard .cert-badge{background-color:var(--color-standard);color:var(--color-white)}.cert-silver .cert-badge{background-color:var(--color-silver);color:var(--color-black)}.cert-gold .cert-badge{background-color:var(--color-gold);color:var(--color-black)}.cert-platinum .cert-badge{background-color:var(--color-platinum);color:var(--color-black)}.cert-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.cert-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.cert-features{list-style:none;padding:0}.cert-features li{padding:var(--spacing-sm) 0;color:var(--color-gray-500);border-bottom:1px solid var(--color-gray-200)}.cert-features li:last-child{border-bottom:none}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.cta-section h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cta-section p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.btn-cta{background-color:var(--color-secondary);color:var(--color-black);font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-2xl)}.btn-cta:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.home-footer{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-section h4{font-family:var(--font-heading);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-secondary)}.footer-section p,.footer-section a{color:var(--color-gray-300);line-height:1.8;display:block;margin-bottom:var(--spacing-sm);text-decoration:none}.footer-section a:hover{color:var(--color-secondary)}.powered-by{margin-top:var(--spacing-md);font-size:var(--font-size-sm);opacity:.7;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column}.section-title{font-size:var(--font-size-2xl)}.features-grid,.calculators-grid,.certification-grid{grid-template-columns:1fr}.hero-decoration{display:none}}.quick-nav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);box-shadow:0 2px 8px #0000000d}.quick-nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.quick-nav-item{background:none;border:none;color:var(--color-gray-600);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);position:relative}.quick-nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.quick-nav-item:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.quick-nav-item:hover:after{width:80%}.showcase-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.showcase-preview{max-width:1000px;margin:0 auto}.showcase-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-2xl);transition:transform var(--transition-fast)}.showcase-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.showcase-image{position:relative;height:100%;min-height:400px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);display:flex;align-items:center;justify-content:center}.showcase-image img{width:80%;height:auto;object-fit:contain}.showcase-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-md)}.showcase-content{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.showcase-content h3{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-black);margin-bottom:var(--spacing-xs)}.showcase-brand{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-md)}.showcase-desc{color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--spacing-lg)}.showcase-indicators{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.indicator-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md);border:2px solid var(--color-primary)}.indicator-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.showcase-actions{display:flex;gap:var(--spacing-md)}.showcase-actions .btn-primary,.showcase-actions .btn-secondary{flex:1;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block;border:none}.showcase-actions .btn-primary{background-color:var(--color-primary);color:var(--color-white)}.showcase-actions .btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.showcase-actions .btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.showcase-actions .btn-secondary:hover{background-color:var(--color-primary-light)}@media(max-width:768px){.quick-nav-container{flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-xs)}.quick-nav-item{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.showcase-card{grid-template-columns:1fr}.showcase-image{min-height:300px}.showcase-content{padding:var(--spacing-xl)}.showcase-indicators{justify-content:center}.showcase-actions{flex-direction:column}}.idia-standard{display:inline-block;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-md)}.calculator-cta{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-gray-200)}.section-description{text-align:center;font-size:var(--font-size-base);color:var(--color-gray-600);max-width:800px;margin:var(--spacing-lg) auto var(--spacing-2xl);line-height:1.8}.feature-badge{display:inline-block;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--spacing-md)}.feature-card:hover .feature-badge{transform:scale(1.05)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-black)}.input-label.required:after{content:" *";color:var(--color-error)}.input-field{font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast);min-height:44px}.input-field:focus{outline:none;border-color:var(--color-primary)}.input-field.error{border-color:var(--color-error)}.input-field:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.input-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.input-helper{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-xs)}.btn{font-family:var(--font-body);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:32px}.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);min-height:44px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg);min-height:52px}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-black)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-full-width{width:100%}.card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-black)}.card-content{color:var(--color-gray-500)}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-container{width:100%;max-width:450px}.auth-logo{display:block;max-width:150px;height:auto;margin:0 auto var(--spacing-xl)}.auth-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-black)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-error{background-color:#ffebee;color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center}.auth-link{text-align:center;margin-top:var(--spacing-lg);color:var(--color-gray-500)}.auth-link a{color:var(--color-primary);font-weight:500;margin-left:var(--spacing-xs)}.auth-link a:hover{color:var(--color-primary-dark)}@media(max-width:768px){.auth-container{max-width:100%}}.main-navigation{background:var(--color-white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base)}.nav-logo:hover{opacity:.8}.nav-logo-img{height:40px;width:auto}.nav-logo-text{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.nav-menu{display:flex;gap:var(--spacing-sm);flex:1;justify-content:center}.nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-gray-500);font-size:var(--font-size-base);font-weight:500}.nav-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.nav-item.active{background-color:var(--color-primary);color:var(--color-white)}.nav-item-icon{font-size:var(--font-size-lg)}.nav-item-label{white-space:nowrap}.nav-user{display:flex;align-items:center;gap:var(--spacing-md)}.nav-user-info{position:relative}.nav-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:all var(--transition-base)}.nav-user-avatar:hover{background:var(--color-primary-dark);transform:scale(1.05)}.nav-user-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base)}.nav-user-info:hover .nav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;cursor:pointer;transition:all var(--transition-base);color:var(--color-gray-500);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--spacing-sm)}.nav-dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.nav-dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.nav-dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.nav-auth-buttons{display:flex;gap:var(--spacing-sm)}.nav-btn-login,.nav-btn-register{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.nav-btn-login{background:none;color:var(--color-primary);border:2px solid var(--color-primary)}.nav-btn-login:hover,.nav-btn-register{background:var(--color-primary);color:var(--color-white)}.nav-btn-register:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-mobile-toggle{display:none;background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs)}.nav-mobile-menu{display:none;flex-direction:column;padding:var(--spacing-lg);background:var(--color-white);border-top:1px solid var(--color-gray-200)}.nav-mobile-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-gray-500);font-size:var(--font-size-lg);text-align:left}.nav-mobile-item:hover,.nav-mobile-item.active{background-color:var(--color-primary);color:var(--color-white)}.nav-mobile-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-md) 0}@media(max-width:1024px){.nav-menu{gap:var(--spacing-xs)}.nav-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.nav-item-label{display:none}.nav-item-icon{font-size:var(--font-size-xl)}}@media(max-width:768px){.nav-menu,.nav-user{display:none}.nav-mobile-toggle{display:block}.nav-mobile-menu{display:flex}.nav-logo-text{font-size:var(--font-size-lg)}}.services-page{min-height:100vh;background-color:var(--color-white)}.services-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.services-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.services-hero p{font-size:var(--font-size-lg);opacity:.9;max-width:800px;margin:0 auto}.services-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.service-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.service-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-section:nth-child(2n){background:var(--color-gray-100)}.service-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.service-icon{font-size:4rem;flex-shrink:0}.service-header h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);margin:0}.service-details h3{font-size:var(--font-size-xl);color:var(--color-black);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.service-details ul{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.service-details li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);line-height:1.6}.service-details li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.service-action{margin-top:var(--spacing-xl)}.btn-service{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-service:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-service:disabled{background-color:var(--color-gray-300);cursor:not-allowed;transform:none}.services-cta{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-black);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);margin-top:var(--spacing-2xl)}.services-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.services-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.btn-cta-services{padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-services:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}@media(max-width:768px){.services-hero h1{font-size:var(--font-size-2xl)}.service-header{flex-direction:column;text-align:center}.service-icon{font-size:3rem}.service-header h2{font-size:var(--font-size-xl)}.services-cta h2{font-size:var(--font-size-2xl)}}.tier-card{position:relative;background:#fff;border:3px solid;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.tier-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.tier-card.current-tier{box-shadow:0 8px 20px #0003}.current-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;color:#fff;font-size:.85rem;font-weight:700;border-radius:20px;z-index:1;box-shadow:0 2px 8px #0003}.tier-header{padding:2rem 1.5rem;text-align:center}.tier-name{margin:0 0 1rem;font-size:1.75rem;font-family:Playfair Display,serif;font-weight:700}.tier-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-free{font-size:1.5rem;font-weight:700;color:var(--sage-green)}.price-currency{font-size:1.25rem;color:#666}.price-amount{font-size:2.5rem;font-weight:700;color:#333}.price-period{font-size:1rem;color:#999}.tier-features{flex:1;padding:1.5rem;background:#f8f9fa}.tier-features ul{list-style:none;padding:0;margin:0}.tier-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e9ecef;font-size:.95rem;color:#333;line-height:1.5}.tier-features li:last-child{border-bottom:none}.feature-icon{font-size:1.25rem;font-weight:700;flex-shrink:0}.tier-footer{padding:1.5rem}.btn-upgrade{width:100%;padding:1rem;color:#fff;border:2px solid;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-upgrade:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}@media(max-width:768px){.tier-card{border-width:2px}.tier-header{padding:1.5rem 1rem}.tier-name{font-size:1.5rem}.price-amount{font-size:2rem}.tier-features{padding:1rem}.tier-features li{font-size:.9rem;padding:.5rem 0}.tier-footer{padding:1rem}.btn-upgrade{padding:.875rem}}.upgrade-form-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.upgrade-form-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e9ecef}.modal-header h2{margin:0;color:var(--sage-green);font-family:Playfair Display,serif;font-size:1.75rem}.btn-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.btn-close:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:2rem}.payment-info-section{margin-bottom:2rem}.payment-info-section h3{margin:0 0 1rem;color:#333;font-size:1.25rem}.payment-info{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666}.info-value{color:#333;font-weight:500}.info-value.highlight{color:var(--sage-green);font-size:1.25rem;font-weight:700}.payment-note{padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;font-size:.9rem;color:#856404}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input[type=file]{width:100%;padding:.75rem;border:2px dashed #ddd;border-radius:4px;cursor:pointer;transition:border-color .3s}.form-group input[type=file]:hover{border-color:var(--sage-green)}.file-info{margin-top:.5rem;padding:.5rem;background:#e8f5e9;color:#2e7d32;border-radius:4px;font-size:.9rem}.file-hint{margin-top:.5rem;font-size:.85rem;color:#999}.error-message{padding:.75rem;margin-bottom:1rem;background-color:#fee;color:#c33;border-radius:4px;font-size:.9rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{flex:1;padding:.875rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s}.btn-primary{background-color:var(--sage-green);color:#fff}.btn-primary:hover:not(:disabled){background-color:#5a7a6d;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}@media(max-width:768px){.upgrade-form-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem}.payment-info{padding:1rem}.info-row{flex-direction:column;gap:.25rem}.form-actions{flex-direction:column}}.certification-page{min-height:100vh;background-color:var(--color-white)}.cert-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.cert-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cert-hero p{font-size:var(--font-size-lg);opacity:.9}.cert-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.cert-intro{background-color:var(--color-gray-100)}.cert-intro h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.cert-intro p{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;margin-bottom:var(--spacing-md)}.cert-levels h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.cert-level-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);overflow:hidden;transition:all var(--transition-base)}.cert-level-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cert-level-card.standard{border-top:4px solid var(--color-standard)}.cert-level-card.silver{border-top:4px solid var(--color-silver)}.cert-level-card.gold{border-top:4px solid var(--color-gold)}.cert-level-card.platinum{border-top:4px solid var(--color-platinum)}.cert-level-header{padding:var(--spacing-2xl);text-align:center;background:var(--color-gray-100)}.cert-level-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.cert-level-card.standard .cert-level-badge{background-color:var(--color-standard);color:var(--color-white)}.cert-level-card.silver .cert-level-badge{background-color:var(--color-silver);color:var(--color-black)}.cert-level-card.gold .cert-level-badge{background-color:var(--color-gold);color:var(--color-black)}.cert-level-card.platinum .cert-level-badge{background-color:var(--color-platinum);color:var(--color-black)}.cert-level-header h3{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.cert-level-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.cert-level-content{padding:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.cert-level-section h4{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.cert-level-section ul{list-style:none;padding:0}.cert-level-section li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);line-height:1.6}.cert-level-section li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.cert-process{background-color:var(--color-gray-100)}.cert-process h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.process-step{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.step-number{width:60px;height:60px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin:0 auto var(--spacing-md)}.process-step h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.process-step p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.cert-faq h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.faq-item h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-md)}.faq-item p{color:var(--color-gray-500);line-height:1.6}.cert-cta{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-black);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.cert-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cert-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.cert-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-cta-cert,.btn-cta-cert-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-cert{background-color:var(--color-primary);color:var(--color-white)}.btn-cta-cert:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-cta-cert-secondary{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-cta-cert-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}@media(max-width:768px){.cert-hero h1{font-size:var(--font-size-2xl)}.cert-level-content,.process-steps{grid-template-columns:1fr}.cert-cta-buttons{flex-direction:column}.cert-cta h2{font-size:var(--font-size-2xl)}}.tier-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.tier-cards-grid>div{cursor:pointer}@media(max-width:768px){.tier-cards-grid{grid-template-columns:1fr;gap:1.5rem}}.upgrade-page{min-height:100vh;background-color:var(--color-gray-100)}.upgrade-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.upgrade-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.upgrade-hero p{font-size:var(--font-size-lg);opacity:.9}.upgrade-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.upgrade-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-xl)}.current-tier-section{margin-bottom:var(--spacing-2xl)}.current-tier-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-md);border-top:4px solid}.current-tier-card.tier-standard{border-top-color:var(--color-standard)}.current-tier-card.tier-silver{border-top-color:var(--color-silver)}.current-tier-card.tier-gold{border-top-color:var(--color-gold)}.current-tier-card.tier-platinum{border-top-color:var(--color-platinum)}.tier-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.current-tier-card.tier-standard .tier-badge{background-color:var(--color-standard);color:var(--color-white)}.current-tier-card.tier-silver .tier-badge{background-color:var(--color-silver);color:var(--color-black)}.current-tier-card.tier-gold .tier-badge{background-color:var(--color-gold);color:var(--color-black)}.current-tier-card.tier-platinum .tier-badge{background-color:var(--color-platinum);color:var(--color-black)}.current-tier-card h3{font-size:var(--font-size-2xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.tier-price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.upgrade-form-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl)}.tier-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.tier-option{position:relative;cursor:pointer;display:block}.tier-option input[type=radio]{position:absolute;opacity:0}.tier-option-content{background:var(--color-gray-100);border:3px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);height:100%}.tier-option:hover .tier-option-content{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tier-option.selected .tier-option-content{border-color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-lg)}.tier-option-header{margin-bottom:var(--spacing-md)}.tier-option-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.tier-option-badge.tier-silver{background-color:var(--color-silver);color:var(--color-black)}.tier-option-badge.tier-gold{background-color:var(--color-gold);color:var(--color-black)}.tier-option-badge.tier-platinum{background-color:var(--color-platinum);color:var(--color-black)}.tier-option-content h3{font-size:var(--font-size-xl);color:var(--color-black);margin:0}.tier-option-price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.tier-option-features{list-style:none;padding:0}.tier-option-features li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);font-size:var(--font-size-sm)}.tier-option-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.payment-info{background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.payment-info h3{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.payment-details{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.payment-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.payment-row:last-of-type{border-bottom:none;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:2px solid var(--color-primary)}.payment-label{font-weight:600;color:var(--color-gray-500)}.payment-value{color:var(--color-black)}.payment-amount{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.payment-note{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-secondary-light);border-radius:var(--radius-sm);color:var(--color-gray-500);font-size:var(--font-size-sm)}.upload-section{margin-bottom:var(--spacing-xl)}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:block;padding:var(--spacing-lg);background:var(--color-white);border:2px dashed var(--color-primary);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-base);color:var(--color-primary);font-weight:600}.file-input-label:hover{background:var(--color-primary-light);border-color:var(--color-primary-dark)}.btn-submit-upgrade{width:100%;padding:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-submit-upgrade:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit-upgrade:disabled{background-color:var(--color-gray-300);cursor:not-allowed;transform:none}.max-tier-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);text-align:center}.max-tier-message h2{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.max-tier-message p{font-size:var(--font-size-lg);color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.upgrade-history-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.history-item{background:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--spacing-lg)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.history-tier{font-weight:600;color:var(--color-black);font-size:var(--font-size-lg)}.history-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.status-pending{background-color:orange;color:var(--color-white)}.status-approved{background-color:#28a745;color:var(--color-white)}.status-rejected{background-color:#dc3545;color:var(--color-white)}.history-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-gray-500);font-size:var(--font-size-sm)}@media(max-width:768px){.upgrade-hero h1{font-size:var(--font-size-2xl)}.tier-selection{grid-template-columns:1fr}.payment-row{flex-direction:column;gap:var(--spacing-xs)}.history-item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.knowledge-base-page{min-height:100vh;background-color:var(--color-white)}.kb-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.kb-hero-content{max-width:800px;margin:0 auto}.kb-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.kb-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.kb-hero p{font-size:var(--font-size-lg);opacity:.9}.kb-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.kb-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.kb-intro{background-color:var(--color-gray-100)}.kb-intro-text{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;text-align:center;max-width:900px;margin:0 auto}.kb-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.kb-category-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative}.kb-category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.kb-category-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.kb-category-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-md)}.kb-category-card>p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg);line-height:1.6}.kb-category-card ul{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.kb-category-card li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);font-size:var(--font-size-sm)}.kb-category-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.kb-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.kb-features{background-color:var(--color-gray-100)}.kb-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.kb-feature{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.kb-feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.kb-feature h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.kb-feature p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.kb-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:800px;margin:0 auto}.kb-access-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border-top:4px solid var(--color-gray-300)}.kb-access-card.featured{border-top-color:var(--color-primary);box-shadow:var(--shadow-lg)}.kb-access-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center}.kb-access-card ul{list-style:none;padding:0}.kb-access-card li{padding:var(--spacing-sm) 0;color:var(--color-gray-500);font-size:var(--font-size-base)}.kb-coming-soon{background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-primary-light) 100%)}.kb-coming-soon-content{text-align:center;max-width:700px;margin:0 auto}.kb-coming-soon h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.kb-coming-soon p{font-size:var(--font-size-lg);color:var(--color-gray-500);margin-bottom:var(--spacing-md);line-height:1.6}.btn-kb-notify{margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-kb-notify:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kb-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.kb-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-white)}.kb-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.kb-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-cta-kb,.btn-cta-kb-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-kb{background-color:var(--color-secondary);color:var(--color-black)}.btn-cta-kb:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-cta-kb-secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-cta-kb-secondary:hover{background-color:var(--color-white);color:var(--color-primary)}@media(max-width:768px){.kb-hero h1{font-size:var(--font-size-2xl)}.kb-categories-grid,.kb-features-grid,.kb-access-grid{grid-template-columns:1fr}.kb-cta-buttons{flex-direction:column}.kb-cta h2{font-size:var(--font-size-2xl)}}.education-page{min-height:100vh;background-color:var(--color-white)}.edu-hero{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-black);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.edu-hero-content{max-width:800px;margin:0 auto}.edu-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.edu-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.edu-hero p{font-size:var(--font-size-lg);opacity:.9}.edu-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.edu-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.edu-intro{background-color:var(--color-gray-100)}.edu-intro-text{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;text-align:center;max-width:900px;margin:0 auto}.edu-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.edu-system-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.edu-system-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.edu-system-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.edu-system-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-md)}.edu-system-card>p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg);line-height:1.6}.edu-system-card ul{list-style:none;padding:0}.edu-system-card li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);font-size:var(--font-size-sm)}.edu-system-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.edu-paths{background-color:var(--color-gray-100)}.edu-paths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.edu-path-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-base)}.edu-path-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.edu-path-number{width:50px;height:50px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md)}.edu-path-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.edu-path-card>p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.edu-path-content h4{font-size:var(--font-size-lg);color:var(--color-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.edu-path-content ul{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.edu-path-content li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);font-size:var(--font-size-sm)}.edu-path-content li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.edu-path-duration{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.edu-achievements{background-color:var(--color-gray-100)}.edu-achievements-intro{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.edu-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.edu-achievement-item{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.edu-achievement-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.edu-achievement-badge{font-size:4rem;margin-bottom:var(--spacing-md)}.edu-achievement-item h4{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.edu-achievement-item p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.edu-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.edu-benefit{text-align:center;padding:var(--spacing-xl)}.edu-benefit-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.edu-benefit h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.edu-benefit p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.edu-status{background-color:var(--color-gray-100)}.edu-status-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);max-width:800px;margin:0 auto}.edu-status-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.edu-status-item{text-align:center;padding:var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--radius-md)}.edu-status-label{display:block;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-sm)}.edu-status-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.btn-edu-continue{width:100%;padding:var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-edu-continue:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.edu-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.edu-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.edu-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.edu-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-cta-edu,.btn-cta-edu-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-edu{background-color:var(--color-secondary);color:var(--color-black)}.btn-cta-edu:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-cta-edu-secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-cta-edu-secondary:hover{background-color:var(--color-white);color:var(--color-primary)}@media(max-width:768px){.edu-hero h1{font-size:var(--font-size-2xl)}.edu-system-grid,.edu-paths-grid,.edu-achievements-grid,.edu-benefits-grid,.edu-status-info{grid-template-columns:1fr}.edu-cta-buttons{flex-direction:column}.edu-cta h2{font-size:var(--font-size-2xl)}}.ingredient-db-page{min-height:100vh;background-color:var(--color-white)}.ing-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.ing-hero-content{max-width:800px;margin:0 auto}.ing-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.ing-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.ing-hero p{font-size:var(--font-size-lg);opacity:.9}.ing-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.ing-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.ing-intro{background-color:var(--color-gray-100)}.ing-intro-text{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;text-align:center;max-width:900px;margin:0 auto}.ing-search-controls{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.ing-search-box{flex:1;min-width:300px;position:relative}.ing-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:50px;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-lg)}.ing-search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl)}.ing-category-filter{display:flex;align-items:center;gap:var(--spacing-md)}.ing-category-select{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base)}.ing-search-results{text-align:center;color:var(--color-gray-500)}.ing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.ing-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-base)}.ing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.ing-card-header{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-lg);text-align:center}.ing-card-header h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.ing-card-name-en{display:block;font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--spacing-sm)}.ing-card-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#fff3;border-radius:var(--radius-full);font-size:var(--font-size-sm)}.ing-card-body{padding:var(--spacing-lg)}.ing-data-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200)}.ing-data-row:last-child{border-bottom:none}.ing-data-label{color:var(--color-gray-500);font-size:var(--font-size-sm)}.ing-data-value{color:var(--color-black);font-weight:600;font-size:var(--font-size-sm)}.ing-no-results{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.ing-features{background-color:var(--color-gray-100)}.ing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.ing-feature{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ing-feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.ing-feature h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.ing-feature p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.ing-custom{background-color:var(--color-gray-100)}.ing-custom-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-2xl)}.ing-custom-info{background:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.ing-custom-info h3{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.ing-custom-info ul{list-style:none;padding:0;margin:var(--spacing-lg) 0}.ing-custom-info li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500)}.ing-custom-info li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.btn-ing-upgrade{width:100%;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-ing-upgrade:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ing-custom-preview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ing-custom-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.ing-custom-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.ing-custom-card h4{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.ing-custom-card p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.ing-applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.ing-application{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.ing-application h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.ing-application p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.ing-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.ing-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.ing-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.ing-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-cta-ing,.btn-cta-ing-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-ing{background-color:var(--color-secondary);color:var(--color-black)}.btn-cta-ing:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-cta-ing-secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-cta-ing-secondary:hover{background-color:var(--color-white);color:var(--color-primary)}@media(max-width:768px){.ing-hero h1{font-size:var(--font-size-2xl)}.ing-search-controls{flex-direction:column}.ing-grid,.ing-custom-content{grid-template-columns:1fr}.ing-cta-buttons{flex-direction:column}}.network-page{min-height:100vh;background-color:var(--color-white)}.net-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.net-hero-content{max-width:800px;margin:0 auto}.net-icon{font-size:5rem;margin-bottom:var(--spacing-lg)}.net-hero h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.net-hero p{font-size:var(--font-size-lg);opacity:.9}.net-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.net-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-2xl)}.net-intro{background-color:var(--color-gray-100)}.net-intro-text{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8;text-align:center;max-width:900px;margin:0 auto}.net-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.net-feature-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.net-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.net-feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.net-feature-card h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-md)}.net-feature-card>p{color:var(--color-gray-500);margin-bottom:var(--spacing-lg);line-height:1.6}.net-feature-card ul{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.net-feature-card li{padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-gray-500);font-size:var(--font-size-sm)}.net-feature-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.net-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-secondary);color:var(--color-black);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.net-benefits{background-color:var(--color-gray-100)}.net-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.net-benefit{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.net-benefit-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.net-benefit h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.net-benefit p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.net-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.net-story-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);position:relative}.net-story-quote{font-size:4rem;color:var(--color-primary);opacity:.3;line-height:1;margin-bottom:var(--spacing-md)}.net-story-text{color:var(--color-gray-500);font-size:var(--font-size-base);line-height:1.8;margin-bottom:var(--spacing-xl);font-style:italic}.net-story-author{display:flex;flex-direction:column;gap:var(--spacing-xs)}.net-story-author strong{color:var(--color-black);font-size:var(--font-size-lg)}.net-story-author span{color:var(--color-gray-500);font-size:var(--font-size-sm)}.net-join{background-color:var(--color-gray-100)}.net-join-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.net-join-step{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;min-width:200px;max-width:250px}.net-step-number{width:60px;height:60px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;margin:0 auto var(--spacing-md)}.net-join-step h3{font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.net-join-step p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.net-join-arrow{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:700}.net-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.net-cta h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.net-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.9}.net-cta-buttons{display:flex;gap:var(--spacing-lg);justify-content:center}.btn-cta-net,.btn-cta-net-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-cta-net{background-color:var(--color-secondary);color:var(--color-black)}.btn-cta-net:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-cta-net-secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-cta-net-secondary:hover{background-color:var(--color-white);color:var(--color-primary)}@media(max-width:768px){.net-hero h1{font-size:var(--font-size-2xl)}.net-features-grid,.net-benefits-grid,.net-stories-grid{grid-template-columns:1fr}.net-join-steps{flex-direction:column}.net-join-arrow{transform:rotate(90deg)}.net-cta-buttons{flex-direction:column}}.learning-system-page{min-height:100vh;background-color:var(--color-gray-100)}.learning-hero{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.learning-hero-content h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-black);margin-bottom:var(--spacing-md)}.learning-hero-content p{font-size:var(--font-size-lg);color:var(--color-gray-500)}.learning-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.learning-container h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-2xl);text-align:center}.user-progress-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md)}.user-progress-card h2{text-align:left;margin-bottom:var(--spacing-xl)}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.progress-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--radius-md)}.progress-stat-icon{font-size:3rem}.progress-stat-info{display:flex;flex-direction:column}.progress-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.progress-stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl)}.course-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.course-header{margin-bottom:var(--spacing-md)}.course-level{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.level-入門{background-color:#e3f2fd;color:#1976d2}.level-進階{background-color:#fff3e0;color:#f57c00}.level-專業{background-color:#f3e5f5;color:#7b1fa2}.course-header h3{font-size:var(--font-size-xl);color:var(--color-black);margin:0}.course-description{color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--spacing-lg);flex-grow:1}.course-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.course-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-500);font-size:var(--font-size-sm)}.course-meta-icon{font-size:var(--font-size-base)}.course-topics{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.course-topic{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-gray-100);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-gray-500)}.course-progress{margin-bottom:var(--spacing-lg)}.course-progress-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.course-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.course-progress-text{font-size:var(--font-size-sm);color:var(--color-gray-500)}.btn-course-start{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-course-start:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.learning-paths-section{background:var(--color-white)}.learning-paths{display:flex;flex-direction:column;gap:var(--spacing-xl)}.learning-path{display:flex;gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--color-gray-100);border-radius:var(--radius-lg);align-items:flex-start}.path-number{width:50px;height:50px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;flex-shrink:0}.path-content{flex:1}.path-content h3{font-size:var(--font-size-xl);color:var(--color-black);margin-bottom:var(--spacing-sm)}.path-content p{color:var(--color-gray-500);margin-bottom:var(--spacing-md)}.path-courses{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.path-course{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm)}.path-arrow{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:700}.learning-coming-soon{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%)}.coming-soon-content{text-align:center;max-width:800px;margin:0 auto}.coming-soon-content h2{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.coming-soon-content p{font-size:var(--font-size-lg);color:var(--color-gray-500);margin-bottom:var(--spacing-xl)}.coming-soon-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.coming-soon-list span{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-500);box-shadow:var(--shadow-sm)}.course-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.course-modal{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:500px;width:100%;position:relative;text-align:center}.course-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;font-size:2rem;color:var(--color-gray-500);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base)}.course-modal-close:hover{background:var(--color-gray-200)}.course-modal h2{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-lg)}.course-modal p{color:var(--color-gray-500);line-height:1.6;margin-bottom:var(--spacing-md)}.btn-modal-ok{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-modal-ok:hover{background:var(--color-primary-dark)}@media(max-width:768px){.learning-hero-content h1{font-size:var(--font-size-2xl)}.progress-stats,.courses-grid{grid-template-columns:1fr}.learning-path{flex-direction:column}.path-courses{flex-direction:column;align-items:flex-start}.path-arrow{transform:rotate(90deg)}}.showcase-page{min-height:100vh;background-color:var(--color-gray-50)}.showcase-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.showcase-hero h1{font-family:var(--font-heading);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);opacity:.95}.hero-description{font-size:var(--font-size-base);max-width:800px;margin:0 auto;opacity:.9;line-height:1.8}.standards-section{max-width:1200px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl)}.standards-section h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-3xl)}.standards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.standard-card{background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--transition-fast)}.standard-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.standard-icon{font-size:48px;margin-bottom:var(--spacing-md)}.standard-card h3{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-black);margin-bottom:var(--spacing-sm)}.standard-card p{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.standard-desc{font-size:var(--font-size-sm);color:var(--color-gray-500)}.products-section{max-width:1200px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl)}.products-section h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-3xl)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-2xl)}.product-card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-fast)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.product-image{position:relative;width:100%;height:300px;overflow:hidden;background-color:var(--color-gray-100)}.product-image img{width:100%;height:100%;object-fit:cover}.certification-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-md)}.badge-icon{font-size:var(--font-size-lg)}.product-content{padding:var(--spacing-xl)}.product-header{margin-bottom:var(--spacing-md)}.product-header h3{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-black);margin-bottom:var(--spacing-xs)}.product-name-en{font-size:var(--font-size-sm);color:var(--color-gray-500);font-style:italic}.product-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--spacing-md)}.product-brand{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.product-brand a{color:var(--color-primary);text-decoration:none;font-weight:600}.product-brand a:hover{text-decoration:underline}.product-cert-date{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.product-indicators{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-gray-50);border-radius:var(--radius-md)}.product-indicators h4{font-family:var(--font-heading);font-size:var(--font-size-base);color:var(--color-primary);margin-bottom:var(--spacing-md)}.indicators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.indicator{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-white)}.indicator.excellent{border:2px solid #4caf50;background-color:#e8f5e9}.indicator.good{border:2px solid #2196f3;background-color:#e3f2fd}.indicator.warning{border:2px solid #ff9800;background-color:#fff3e0}.indicator-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:2px}.indicator-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-black)}.product-features{margin-bottom:var(--spacing-lg)}.product-features h4{font-family:var(--font-heading);font-size:var(--font-size-base);color:var(--color-primary);margin-bottom:var(--spacing-md)}.product-features ul{list-style:none;padding:0;margin:0}.product-features li{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--spacing-xs) 0;line-height:1.6}.product-actions{display:flex;gap:var(--spacing-md)}.btn-purchase,.btn-details{flex:1;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.btn-purchase{background-color:var(--color-primary);color:var(--color-white);border:none}.btn-purchase:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-details{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-details:hover{background-color:var(--color-primary-light)}.cta-section{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary-light) 100%);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.cta-section h2{font-family:var(--font-heading);font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--spacing-md)}.cta-section p{font-size:var(--font-size-lg);color:var(--color-gray-700);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary-light)}@media(max-width:768px){.showcase-hero{padding:var(--spacing-2xl) var(--spacing-md)}.showcase-hero h1{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-lg)}.standards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.products-grid{grid-template-columns:1fr}.indicators-grid{grid-template-columns:repeat(2,1fr)}.product-actions{flex-direction:column}.cta-buttons{flex-direction:column;align-items:stretch}}.personal-info{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.personal-info-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-primary, #6B8E7F)}.personal-info-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.info-field{display:flex;flex-direction:column;gap:.5rem}.info-label{font-weight:600;color:#666;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-value{margin:0;font-size:1.125rem;color:#333}.info-helper{margin:0;font-size:.875rem;color:#999}.personal-info-actions{display:flex;gap:1rem}@media(max-width:768px){.personal-info{padding:1.5rem}.personal-info-actions{flex-direction:column}}.change-password{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.change-password h3{margin-top:0;margin-bottom:1.5rem;color:var(--sage-green);font-family:Playfair Display,serif}.change-password .form-group{margin-bottom:1.5rem}.change-password label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.change-password input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.change-password input:focus{outline:none;border-color:var(--sage-green)}.change-password input:disabled{background-color:#f5f5f5;cursor:not-allowed}.change-password .error-message{padding:.75rem;margin-bottom:1rem;background-color:#fee;color:#c33;border-radius:4px;font-size:.9rem}.change-password .success-message{padding:.75rem;margin-bottom:1rem;background-color:#efe;color:#3c3;border-radius:4px;font-size:.9rem}.change-password .btn-primary{width:100%;padding:.75rem;background-color:var(--sage-green);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.change-password .btn-primary:hover:not(:disabled){background-color:#5a7a6d}.change-password .btn-primary:disabled{opacity:.6;cursor:not-allowed}.certification-badge{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:3px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.certification-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.badge-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:2rem;color:#fff;box-shadow:0 2px 8px #0003}.badge-info{flex:1}.badge-tier{font-size:1.5rem;font-weight:700;font-family:Playfair Display,serif;color:#333;margin-bottom:.25rem}.badge-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.certification-badge{padding:1rem}.badge-icon{width:50px;height:50px;font-size:1.5rem}.badge-tier{font-size:1.25rem}.badge-label{font-size:.8rem}}.experience-bar{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.experience-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.level-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,var(--sage-green),#5a7a6d);border-radius:50%;color:#fff;box-shadow:0 4px 12px #6b8e7f4d}.level-number{font-size:2rem;font-weight:700;font-family:Playfair Display,serif;line-height:1}.level-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.experience-info{flex:1}.experience-text{font-size:1.25rem;font-weight:500;color:#333;margin-bottom:.25rem}.current-xp{color:var(--sage-green);font-weight:700}.xp-separator{color:#999}.next-xp{color:#666}.xp-label{color:#999;font-size:.9rem}.max-level{color:gold;font-weight:700}.total-xp{font-size:.9rem;color:#666}.progress-bar-container{position:relative;width:100%;height:24px;background-color:#f0f0f0;border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{position:relative;height:100%;background:linear-gradient(90deg,var(--sage-green),#7aa892);border-radius:12px;transition:width .5s ease;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.next-level-info{margin-top:.75rem;text-align:center;font-size:.9rem;color:#666}@media(max-width:768px){.experience-bar{padding:1rem}.experience-header{gap:1rem}.level-badge{width:60px;height:60px}.level-number{font-size:1.75rem}.experience-text{font-size:1.1rem}.progress-bar-container{height:20px}}.achievement-grid-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.achievement-header h3{margin:0;color:var(--sage-green);font-family:Playfair Display,serif}.achievement-count{font-size:1.1rem;font-weight:500;color:#666}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.achievement-card{display:flex;gap:1rem;padding:1.25rem;border-radius:8px;transition:transform .3s,box-shadow .3s}.achievement-card.unlocked{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--sage-green);box-shadow:0 2px 8px #6b8e7f33}.achievement-card.unlocked:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b8e7f4d}.achievement-card.locked{background:#f5f5f5;border:2px solid #ddd;opacity:.6}.achievement-icon{font-size:3rem;line-height:1;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.25rem}.achievement-card.locked .achievement-name{color:#999}.achievement-description{font-size:.9rem;color:#666;margin-bottom:.5rem;line-height:1.4}.achievement-card.locked .achievement-description{color:#aaa}.achievement-date{font-size:.8rem;color:var(--sage-green);font-style:italic}@media(max-width:768px){.achievement-grid-container{padding:1.5rem}.achievement-header{flex-direction:column;align-items:flex-start;gap:.5rem}.achievement-grid{grid-template-columns:1fr;gap:1rem}.achievement-card{padding:1rem}.achievement-icon{font-size:2.5rem}.achievement-name{font-size:1rem}.achievement-description{font-size:.85rem}}.calculation-history{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calculation-history h3{margin:0;color:var(--sage-green);font-family:Playfair Display,serif}.history-count{font-size:.9rem;color:#666}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem 2rem;color:#999}.empty-state p{margin:.5rem 0}.empty-hint{font-size:.9rem;color:#bbb}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--sage-green);transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.history-main{flex:1;display:flex;flex-direction:column;gap:.5rem}.history-type{font-size:1.1rem;font-weight:700;color:#333}.history-result{font-size:.95rem;color:#666}.result-value{font-weight:700;color:var(--sage-green);margin-left:.25rem}.history-date{font-size:.85rem;color:#999}.history-actions{display:flex;gap:.5rem}.btn-delete{padding:.5rem;background:transparent;border:none;font-size:1.25rem;cursor:pointer;border-radius:4px;transition:background-color .2s}.btn-delete:hover{background-color:#ff00001a}@media(max-width:768px){.calculation-history{padding:1.5rem}.history-header{flex-direction:column;align-items:flex-start;gap:.5rem}.history-item{flex-direction:column;align-items:flex-start;gap:1rem}.history-actions{align-self:flex-end}.history-type{font-size:1rem}.history-result{font-size:.9rem}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:2rem 1rem}.profile-container{max-width:1200px;margin:0 auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--sage-green)}.profile-header h1{margin:0;color:var(--sage-green);font-family:Playfair Display,serif;font-size:2.5rem}.btn-logout{padding:.75rem 1.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.btn-logout:hover{background-color:#c82333}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.profile-left,.profile-right{display:flex;flex-direction:column;gap:2rem}.profile-section{margin-bottom:2rem}.loading{text-align:center;padding:4rem 2rem;font-size:1.25rem;color:#666}@media(max-width:1024px){.profile-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.profile-page{padding:1rem .5rem}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-header h1{font-size:2rem}.btn-logout{width:100%}.profile-grid,.profile-left,.profile-right{gap:1rem}.profile-section{margin-bottom:1rem}}:root{--color-primary: #6B8E7F;--color-primary-light: #8BA89D;--color-primary-dark: #4F6B5F;--color-primary-glow: rgba(107, 142, 127, .2);--sage-green: #6B8E7F;--color-secondary: #E8C4C4;--color-secondary-light: #F0D8D8;--color-secondary-dark: #D9A8A8;--color-secondary-glow: rgba(232, 196, 196, .2);--color-tech-blue: #4A90E2;--color-tech-cyan: #50E3C2;--color-tech-purple: #9013FE;--color-white: #FFFFFF;--color-black: #1A1A1A;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E0E0E0;--color-gray-300: #BDBDBD;--color-gray-400: #9E9E9E;--color-gray-500: #757575;--color-gray-600: #616161;--color-gray-700: #424242;--color-gray-800: #303030;--color-gray-900: #212121;--color-standard: #6B8E7F;--color-silver: #C0C0C0;--color-gold: #FFD700;--color-platinum: #E5E4E2;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--font-heading: "Playfair Display", serif;--font-body: "Montserrat", sans-serif;--font-mono: "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-secondary: 0 0 20px var(--color-secondary-glow);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media(prefers-color-scheme:dark){:root{--color-white: #1A1A1A;--color-black: #FFFFFF;--color-gray-50: #212121;--color-gray-100: #303030}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);color:var(--color-black);background-color:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}@media(max-width:768px){html{font-size:14px}}