.portal-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:140px 0 80px;color:var(--white)}.portal-hero-content{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center}@media (max-width: 992px){.portal-hero-content{grid-template-columns:1fr;gap:2rem}}.portal-hero-text h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}.portal-hero-text p{font-size:1.15rem;opacity:.9;line-height:1.7}.portal-login-card{background:var(--white);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 20px 60px #0000004d}.portal-login-card h2{font-family:var(--font-display);font-size:1.5rem;color:var(--navy);margin-bottom:.5rem}.portal-login-card>p{color:var(--gray-600);margin-bottom:1.5rem}.portal-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.portal-divider{display:flex;align-items:center;margin:1.5rem 0}.portal-divider:before,.portal-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.portal-divider span{padding:0 1rem;color:var(--gray-500);font-size:.9rem}.portal-help{margin-top:1.5rem;font-size:.9rem;color:var(--gray-600)}.portal-help i{color:var(--gold);margin-right:.25rem}.portal-help a{color:var(--gold);font-weight:500}.portal-features{padding:80px 0;background:var(--gray-50)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.feature-card{background:var(--white);padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.5rem;color:var(--white)}.feature-card h3{font-size:1.15rem;color:var(--navy);margin-bottom:.75rem}.feature-card p{color:var(--gray-600);font-size:.95rem;line-height:1.6;margin:0}.portal-how-it-works{padding:80px 0}.how-it-works-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 992px){.how-it-works-content{grid-template-columns:1fr;gap:3rem}}.how-it-works-text h2{font-family:var(--font-display);font-size:2rem;color:var(--navy);margin-bottom:2rem}.steps-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step-item{display:flex;gap:1rem;align-items:flex-start}.step-item .step-number{width:45px;height:45px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white);flex-shrink:0}.step-item .step-content h4{font-size:1.1rem;color:var(--navy);margin-bottom:.25rem}.step-item .step-content p{color:var(--gray-600);font-size:.95rem;line-height:1.6;margin:0}.portal-tip{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--gray-50);border-radius:10px;border-left:4px solid var(--gold);margin-bottom:1.5rem}.portal-tip i{color:var(--gold);font-size:1.25rem;flex-shrink:0}.portal-tip strong{color:var(--navy)}.portal-tip div{font-size:.95rem;color:var(--gray-600)}.app-badges{display:flex;gap:1rem;flex-wrap:wrap}.app-badge{display:block;transition:transform .3s ease}.app-badge:hover{transform:scale(1.05)}.app-badge img{height:45px;width:auto}.portal-mockup{background:var(--white);border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden}.mockup-header{background:var(--gray-100);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--gray-300)}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:last-child{background:#28c940}.mockup-title{font-size:.85rem;color:var(--gray-600);font-weight:500}.mockup-content{display:flex;min-height:300px}.mockup-sidebar{width:60px;background:var(--navy);padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mockup-nav-item{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .2s ease}.mockup-nav-item.active{background:#ffffff1a;color:var(--gold)}.mockup-main{flex:1;padding:1.5rem}.mockup-welcome{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mockup-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white)}.mockup-welcome strong{display:block;color:var(--navy);font-size:1rem}.mockup-welcome span{font-size:.85rem;color:var(--gray-500)}.mockup-progress{margin-bottom:1.5rem}.mockup-progress-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--gray-600);margin-bottom:.5rem}.mockup-progress-bar{height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden}.mockup-progress-fill{width:65%;height:100%;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:5px}.mockup-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mockup-card{background:var(--gray-50);padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem}.mockup-card i{font-size:1.25rem}.mockup-card:first-child i{color:var(--green)}.mockup-card:last-child i{color:var(--gold)}.mockup-card span{font-size:.85rem;color:var(--gray-700);font-weight:500}.portal-faq{padding:80px 0;background:var(--gray-50)}.portal-faq .faq-grid{max-width:800px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1rem}.portal-faq .faq-item{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.portal-faq .faq-question{width:100%;padding:1.25rem 1.5rem;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;color:var(--navy);text-align:left;transition:background .3s ease}.portal-faq .faq-question:hover{background:var(--gray-50)}.portal-faq .faq-question i{color:var(--gold);transition:transform .3s ease}.portal-faq .faq-item.active .faq-question i{transform:rotate(45deg)}.portal-faq .faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.portal-faq .faq-item.active .faq-answer{max-height:300px}.portal-faq .faq-answer p{padding:0 1.5rem 1.25rem;color:var(--gray-600);line-height:1.7;margin:0}.portal-cta{padding:80px 0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%)}.portal-cta .cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}@media (max-width: 768px){.portal-cta .cta-content{flex-direction:column;text-align:center}}.portal-cta .cta-text h2{font-family:var(--font-display);font-size:2rem;color:var(--white);margin-bottom:.5rem}.portal-cta .cta-text p{color:#fffc;font-size:1.1rem;margin:0}.portal-cta .cta-buttons{display:flex;gap:1rem;flex-shrink:0}@media (max-width: 500px){.portal-cta .cta-buttons{flex-direction:column;width:100%}.portal-cta .cta-buttons .btn{width:100%}}.btn-outline-light{background:transparent;border:2px solid var(--white);color:var(--white)}.btn-outline-light:hover{background:var(--white);color:var(--navy)}@media (max-width: 768px){.portal-hero{padding:120px 0 60px}.portal-login-card{padding:2rem 1.5rem}.portal-features,.portal-how-it-works,.portal-faq,.portal-cta{padding:60px 0}.features-grid,.mockup-cards{grid-template-columns:1fr}}