.psu-health-topbar{background:#fffffffa!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(233,30,99,.12);padding:.75rem 0;box-shadow:0 4px 12px #e91e6314}.psu-health-topbar .nav-link{color:#4b5563!important;font-weight:500;padding:.6rem 1.2rem!important;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent}.psu-health-topbar .nav-link:hover{color:#e91e63!important;background-color:#e91e6314;transform:translateY(-1px);box-shadow:0 2px 8px #e91e6326}.psu-health-topbar .app-brand-text{color:#e91e63!important;font-weight:700}.game-stats-mini{background:linear-gradient(135deg,#fff,#fef7f7);padding:.35rem .9rem;border-radius:25px;border:2px solid rgba(233,30,99,.15);box-shadow:0 2px 8px #e91e631a}.stat-mini{font-size:.85rem;font-weight:600}.stat-mini i{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(233,30,99,.3))}.dropdown-user .avatar{border:3px solid #E91E63;background:#fff;box-shadow:0 2px 8px #e91e6333}.dropdown-menu{border:1px solid rgba(233,30,99,.12);box-shadow:0 12px 32px #e91e6326;border-radius:16px;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-item{border-radius:10px;margin:.125rem 0;transition:all .3s ease;color:#4b5563;font-weight:500}.dropdown-item:hover{background:linear-gradient(135deg,#e91e6314,#e91e631f);color:#e91e63;transform:translate(2px)}.psu-health-navbar{background:linear-gradient(135deg,#fffffff2,#fffbfbf2)!important;border-top:1px solid rgba(233,30,99,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 12px #e91e630f}.psu-health-navbar .menu-link{color:#4b5563!important;font-weight:500;padding:.85rem 1.2rem!important;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:transparent}.psu-health-navbar .menu-link:hover{color:#e91e63!important;background:linear-gradient(135deg,#e91e6314,#e91e631f);transform:translateY(-2px);box-shadow:0 4px 12px #e91e6326}.psu-health-navbar .menu-item.active>.menu-link{color:#e91e63!important;background:linear-gradient(135deg,#e91e631f,#e91e632e);box-shadow:0 2px 8px #e91e6333}.psu-health-navbar .menu-icon{color:#e91e63;font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(233,30,99,.3))}.psu-health-navbar .badge{font-size:.65rem;padding:.25rem .5rem;animation:pulse 2s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:700}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #e91e63b3}50%{transform:scale(1.05);box-shadow:0 0 0 4px #e91e6366}to{transform:scale(1);box-shadow:0 0 #e91e63b3}}@media (max-width: 768px){.psu-health-topbar{padding:.5rem 0}.psu-health-topbar .nav-link{padding:.5rem .8rem!important;font-size:.9rem}.game-stats-mini{padding:.25rem .6rem}.stat-mini{font-size:.75rem}.psu-health-navbar .menu-link{padding:.7rem .9rem!important;font-size:.9rem}}.hero-section{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;padding:80px 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 50%)}.hero-badges{display:flex;gap:12px;margin-bottom:32px}.hero-badges .badge{font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.hero-badges .badge:hover{background:#ffffff40;transform:translateY(-1px)}.hero-title{font-size:3rem;font-weight:700;margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;margin-bottom:40px;opacity:.9;line-height:1.6;font-weight:400}.hero-features{margin-bottom:40px}.hero-feature-item{display:flex;align-items:center;margin-bottom:16px;font-size:.95rem}.hero-feature-item i{margin-right:12px;font-size:1.1rem;opacity:.9}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-buttons .btn{padding:14px 28px;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease;border:none;min-width:160px}.btn-primary-hero{background:#fffffff2;color:#e91e63}.btn-primary-hero:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-secondary-hero{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-secondary-hero:hover{background:#ffffff40;transform:translateY(-2px)}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{max-width:90%;height:auto;border-radius:20px;box-shadow:0 25px 50px #0003;transition:all .4s ease}.hero-image img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 35px 70px #00000040}.floating-badges{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px}.floating-badge{background:#fffffff2;color:#333;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #0000001a;animation:float 4s ease-in-out infinite}.floating-badge:nth-child(2){animation-delay:1.3s}.floating-badge:nth-child(3){animation-delay:2.6s}@keyframes float{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-15px);opacity:1}}@media (max-width: 992px){.hero-section{padding:60px 0}.hero-title{font-size:2.5rem}.hero-image img{max-width:100%;margin-top:40px}}@media (max-width: 768px){.hero-section{padding:50px 0;text-align:center}.hero-badges{justify-content:center;margin-bottom:24px}.hero-title{font-size:2rem;margin-bottom:16px}.hero-subtitle{font-size:1rem;margin-bottom:32px}.hero-features{margin-bottom:32px}.hero-feature-item{justify-content:center;font-size:.9rem;margin-bottom:12px}.hero-buttons{justify-content:center;gap:12px}.hero-buttons .btn{min-width:140px;padding:12px 20px;font-size:.9rem}.floating-badges{display:none}}@media (max-width: 576px){.hero-section{padding:40px 0}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons .btn{width:100%;max-width:280px}}.features-section{background:#f8f9fa}.feature-card{padding:2rem 1.5rem;border-radius:20px;background:#fff;transition:all .3s ease;border:1px solid #e9ecef}.feature-card:hover{box-shadow:0 15px 35px #e91e631a;border-color:#e91e63}.feature-icon{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,#e91e63,#f06292);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 10px 25px #e91e634d}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#2f3349}.feature-desc{color:#6c757d;font-size:.95rem;line-height:1.6}.stats-section{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;color:#fff}.stat-label{font-size:1.1rem;font-weight:500;opacity:.9}.stat-icon{width:60px;height:60px;margin:0 auto 1rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item:hover .stat-icon{background:#ffffff4d;transform:scale(1.1)}.stat-item-enhanced{padding:2rem 1.5rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-item-enhanced:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.stat-icon-large{width:80px;height:80px;margin:0 auto 1.5rem;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-item-enhanced:hover .stat-icon-large{background:#ffffff59;transform:scale(1.1)}.stat-number-large{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.course-card{border:none;border-radius:20px;overflow:hidden;transition:all .4s ease;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column}.course-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-thumbnail-overlay{position:absolute;top:1rem;right:1rem;z-index:2}.course-thumbnail-overlay .badge{font-size:.7rem;padding:4px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffc107e6!important}.course-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.course-card--small{border-radius:6px}.course-card--large{border-radius:10px}.course-body{flex:1;display:flex;flex-direction:column;padding:1rem}.course-title{font-size:1.1rem;font-weight:600;color:#2f3349;line-height:1.3;margin-bottom:.5rem}.course-description{color:#6c757d;line-height:1.4;font-size:.9rem;margin-bottom:1rem;flex:1}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.course-difficulty{font-size:.75rem;font-weight:500}.course-duration{font-size:.8rem;color:#6c757d;display:flex;align-items:center;gap:4px}.course-stats{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.8rem;color:#6c757d}.course-stat{font-weight:500}.course-footer{padding:1rem;border-top:1px solid #e9ecef}.course-footer .btn{font-weight:500;padding:.5rem 1rem;border-radius:6px;font-size:.9rem}.course-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.course-tags .badge{font-size:.7rem;font-weight:400;padding:4px 8px;border-radius:4px;background:#f8f9fa!important;color:#6c757d!important}.course-thumbnail{position:relative;width:100%;height:160px;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.course-thumbnail{height:120px}.course-body{padding:.75rem}.course-title{font-size:1rem}.course-description{font-size:.85rem;margin-bottom:.75rem}.course-meta{font-size:.75rem}.course-stats{font-size:.75rem;margin-bottom:.75rem}.course-footer{padding:.75rem}.course-footer .btn{font-size:.85rem;padding:.5rem .75rem}}.testimonial-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid #e9ecef}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #e91e631a}.testimonial-stars{color:#ffc107;font-size:1.2rem}.testimonial-text{font-style:italic;line-height:1.6;color:#495057;margin-bottom:1.5rem;min-height:100px}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#e91e63,#f06292);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.author-name{font-weight:700;color:#2f3349;margin-bottom:.25rem}.author-role{font-size:.85rem;color:#6c757d}.cta-final-section{background:linear-gradient(135deg,#e91e63,#f06292);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-final-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.cta-final-section:after{content:"";position:absolute;bottom:-50%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.cta-content{position:relative;z-index:2}.cta-badge .badge{font-size:.9rem;padding:8px 20px;border-radius:50px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.cta-subtitle{font-size:1.2rem;opacity:.9;line-height:1.6;max-width:600px;margin:0 auto 2rem}.cta-buttons .btn{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:50px;min-width:180px;transition:all .3s ease}.cta-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.section-title{font-size:2.5rem;font-weight:800;color:#2f3349;margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#e91e63,#f06292);border-radius:2px}.section-subtitle{font-size:1.1rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.hero-section:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120"><path fill="%23ffffff" d="M0,64L48,69.3C96,75,192,85,288,80C384,75,480,53,576,48C672,43,768,53,864,64C960,75,1056,85,1152,80C1248,75,1344,53,1392,42.7L1440,32L1440,120L1392,120C1344,120,1248,120,1152,120C1056,120,960,120,864,120C768,120,672,120,576,120C480,120,384,120,288,120C192,120,96,120,48,120L0,120Z"></path></svg>') no-repeat bottom;background-size:cover}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:50px;font-size:.9rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.hero-badge:hover{background:#ffffff40;transform:translateY(-2px)}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 6px rgba(0,0,0,.1);line-height:1.2}.hero-subtitle-text{display:block;font-size:.6em;font-weight:600;margin-bottom:.5rem;opacity:.9}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6;font-weight:300}.highlight-text{background:#fff3;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:inline-block;margin-top:8px}.hero-buttons .btn{padding:14px 32px;font-size:1.05rem;font-weight:600;border-radius:50px;margin:0 8px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.course-card{transition:all .4s cubic-bezier(.4,0,.2,1);border:none;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #00000014;height:100%;background:#fff}.course-card:hover{box-shadow:0 20px 40px #e91e6326}.course-thumbnail{height:220px;background:linear-gradient(135deg,#e91e63,#f48fb1);display:flex;align-items:center;justify-content:center;font-size:4.5rem;color:#fff;position:relative;overflow:hidden}.course-thumbnail:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.difficulty-badge{position:absolute;top:15px;right:15px;z-index:1;padding:6px 16px;border-radius:50px;font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0003}.course-card .card-body{padding:2rem}.course-card .card-title{font-size:1.25rem;font-weight:700;color:#212529;line-height:1.4}.course-card .card-title a{transition:all .3s ease}.course-card:hover .card-title a{color:#e91e63}.course-meta{background:#f8f9fa;padding:12px;border-radius:12px;margin-bottom:1rem}.course-meta span{display:inline-flex;align-items:center;font-size:.85rem;color:#212529;font-weight:500}.course-meta i{color:#e91e63;margin-right:4px}.cta-section{background:linear-gradient(135deg,#e91e63,#f48fb1);color:#fff;padding:80px 0;border-radius:25px;margin:100px 0 60px;position:relative;overflow:hidden;box-shadow:0 20px 60px #e91e634d}.cta-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.cta-section:after{content:"";position:absolute;bottom:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.section-title{font-size:2.8rem;font-weight:800;margin-bottom:1rem;color:#212529;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#e91e63,#f48fb1);border-radius:2px}.section-subtitle{font-size:1.2rem;color:#6c757d;margin-bottom:4rem;font-weight:400}.badge-custom{padding:6px 14px;font-weight:600;border-radius:50px;font-size:.8rem;transition:all .3s ease}.badge-custom:hover{transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-down{animation:fadeInDown .8s ease-out}.animate-scale-in{animation:scaleIn .8s ease-out}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@media (max-width: 768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.stat-value,.stat-number{font-size:2.5rem}.stat-number-large{font-size:2.8rem}.stat-icon{width:50px;height:50px;font-size:1.2rem}.stat-icon-large{width:60px;height:60px;font-size:1.5rem}.stat-item-enhanced{padding:1.5rem 1rem}.hero-buttons .btn{margin:8px 4px;padding:12px 24px;font-size:1rem}.course-thumbnail{height:160px}.course-thumbnail-overlay .badge{font-size:.65rem;padding:3px 6px}.cta-section{padding:60px 0;margin:60px 0 40px}.section-title:after{width:60px}}@media (max-width: 576px){.hero-section{padding:80px 0 100px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.course-card .card-body{padding:1.5rem}.section-title{font-size:1.8rem}}.psu-card{background:#fffffffa;border:1px solid rgba(233,30,99,.08);border-radius:16px;box-shadow:0 4px 16px #e91e630f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.psu-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e91e631f;border-color:#e91e6326}.psu-card-header{background:linear-gradient(135deg,#fffffff2,#fef7f7f2);border-bottom:1px solid rgba(233,30,99,.08);padding:1.5rem;font-weight:600;color:#e91e63}.psu-card-body{padding:1.5rem}.psu-card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.psu-card-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.psu-avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#fff,#fef7f7);border:3px solid #E91E63;border-radius:50%;box-shadow:0 4px 12px #e91e6326;transition:all .3s ease}.psu-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.psu-avatar-sm{width:2rem;height:2rem;border-width:2px}.psu-avatar-lg{width:4rem;height:4rem;border-width:4px}.psu-avatar-xl{width:5rem;height:5rem;border-width:4px}.psu-avatar-online:after{content:"";position:absolute;bottom:.25rem;right:.25rem;width:.75rem;height:.75rem;background:#10b981;border:2px solid white;border-radius:50%}.psu-avatar-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;color:#e91e63;background:linear-gradient(135deg,#e91e631a,#e91e6326)}.psu-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.psu-btn-primary{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;box-shadow:0 4px 12px #e91e6340}.psu-btn-primary:hover{background:linear-gradient(135deg,#d81b60,#ad1457);transform:translateY(-1px);box-shadow:0 6px 16px #e91e6359}.psu-btn-secondary{background:linear-gradient(135deg,#fffffff2,#fef7f7f2);color:#e91e63;border:2px solid rgba(233,30,99,.2);box-shadow:0 2px 8px #e91e631a}.psu-btn-secondary:hover{background:linear-gradient(135deg,#e91e6314,#e91e631f);transform:translateY(-1px);box-shadow:0 4px 12px #e91e6333}.psu-btn-sm{padding:.5rem 1rem;font-size:.8rem}.psu-btn-lg{padding:1rem 2rem;font-size:1rem}.psu-stats-card{background:linear-gradient(135deg,#fffffffa,#fef7f7fa);border:1px solid rgba(233,30,99,.08);border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 4px 16px #e91e630f;transition:all .3s ease}.psu-stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e91e631f}.psu-stats-number{font-size:2rem;font-weight:700;color:#e91e63;margin-bottom:.5rem;display:block}.psu-stats-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.psu-profile-header{position:relative;border-radius:16px;overflow:hidden;margin-bottom:2rem}.psu-profile-banner{width:100%;height:200px;background:linear-gradient(135deg,#e91e631a,#e91e6333);position:relative}.psu-profile-avatar{position:absolute;bottom:-3rem;left:2rem;width:6rem;height:6rem;border:4px solid white;border-radius:50%;box-shadow:0 8px 24px #e91e6326;background:#fff}.psu-profile-info{padding:4rem 2rem 1.5rem 8rem;background:#fff}.psu-profile-name{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.psu-profile-role{color:#e91e63;font-weight:600;margin-bottom:1rem}.psu-profile-stats{display:flex;gap:2rem;flex-wrap:wrap}.psu-profile-stat{text-align:center}.psu-profile-stat-number{font-size:1.25rem;font-weight:700;color:#e91e63;display:block}.psu-profile-stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.psu-leaderboard-table{background:#fffffffa;border:1px solid rgba(233,30,99,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #e91e630f}.psu-leaderboard-header{background:linear-gradient(135deg,#fffffff2,#fef7f7f2);border-bottom:2px solid rgba(233,30,99,.12);padding:1.5rem}.psu-leaderboard-title{font-size:1.5rem;font-weight:700;color:#e91e63;margin:0}.psu-leaderboard-row{padding:1rem 1.5rem;border-bottom:1px solid rgba(233,30,99,.05);transition:all .3s ease}.psu-leaderboard-row:hover{background:linear-gradient(135deg,#e91e6308,#e91e630f)}.psu-leaderboard-row.highlight{background:linear-gradient(135deg,#e91e6314,#e91e631f);border-left:4px solid #E91E63}.psu-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;font-weight:700;font-size:1rem;margin-right:1rem}.psu-rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#8b7355;box-shadow:0 4px 12px #ffd70066}.psu-rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#6b7280;box-shadow:0 4px 12px #c0c0c066}.psu-rank-3{background:linear-gradient(135deg,#cd7f32,#e8a55d);color:#7d4f24;box-shadow:0 4px 12px #cd7f3266}.psu-rank-default{background:linear-gradient(135deg,#e91e631a,#e91e6326);color:#e91e63;box-shadow:0 2px 8px #e91e6333}.psu-course-card{background:#fffffffa;border:1px solid rgba(233,30,99,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #e91e630f;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column}.psu-course-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e91e6326;border-color:#e91e6333}.psu-course-image{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#e91e631a,#e91e6333)}.psu-course-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.psu-course-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.4}.psu-course-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5;flex:1}.psu-course-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280}.psu-course-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#e91e631a,#e91e6326);color:#e91e63}.psu-course-progress{margin-top:auto}.psu-progress-bar{height:8px;background:#e91e631a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.psu-progress-fill{height:100%;background:linear-gradient(90deg,#e91e63,#c2185b);border-radius:10px;transition:width .3s ease}@media (max-width: 768px){.psu-profile-info{padding:2rem 1rem 1rem;text-align:center}.psu-profile-avatar{position:static;margin:0 auto 1rem}.psu-profile-stats{justify-content:center}.psu-course-card{margin-bottom:1rem}.psu-leaderboard-row{padding:.75rem 1rem}}@keyframes psu-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes psu-pulse{0%,to{opacity:1}50%{opacity:.7}}.psu-float{animation:psu-float 3s ease-in-out infinite}.psu-pulse{animation:psu-pulse 2s ease-in-out infinite}.btn-hover-lift:hover{transform:translateY(-3px)}.psu-popular-courses{display:flex;flex-direction:column;gap:1rem}.psu-popular-courses__item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff9;border-radius:12px;border:1px solid rgba(233,30,99,.05);transition:all .3s ease}.psu-popular-courses__item:hover{background:#ffffffe6;border-color:#e91e631a;transform:translate(4px)}.psu-popular-courses__info{flex:1}.psu-popular-courses__title{font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:#374151}.psu-popular-courses__meta{display:flex;align-items:center;gap:.5rem}.psu-stat-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#e91e631a,#e91e630d);color:#e91e63;border-radius:20px;font-size:.8rem;font-weight:500}.psu-activity-feed{display:flex;flex-direction:column;gap:1rem}.psu-activity-feed__item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:12px;transition:all .3s ease}.psu-activity-feed__item:hover{background:#fff9}.psu-activity-feed__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff;flex-shrink:0}.psu-activity-feed__icon--success{background:linear-gradient(135deg,#10b981,#059669)}.psu-activity-feed__icon--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.psu-activity-feed__content{flex:1}.psu-activity-feed__message{font-size:.9rem;margin-bottom:.25rem;color:#374151;line-height:1.4}.psu-activity-feed__time{font-size:.8rem;color:#9ca3af}.psu-system-info{text-align:center;padding:1rem;background:#fff9;border-radius:12px;border:1px solid rgba(233,30,99,.05)}.psu-system-info__label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.psu-system-info__value{display:flex;justify-content:center}.psu-badge--gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.psu-badge--silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#fff}.psu-badge--bronze{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff}.psu-action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;border-radius:16px;background:#ffffffe6;border:2px solid rgba(233,30,99,.08);text-decoration:none;color:#333;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:160px;justify-content:center}.psu-action-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #e91e6326;border-color:#e91e6333;text-decoration:none;color:#333}.psu-action-card__icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:#fff}.psu-action-card--primary .psu-action-card__icon{background:linear-gradient(135deg,#e91e63,#c2185b)}.psu-action-card--success .psu-action-card__icon{background:linear-gradient(135deg,#10b981,#059669)}.psu-action-card--warning .psu-action-card__icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.psu-action-card__title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#e91e63}.psu-action-card__description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}.demo-users-selection{padding:0}.demo-user-cards{margin-top:1.5rem}.demo-user-card{display:flex;align-items:center;width:100%;padding:1.5rem;border:2px solid rgba(233,30,99,.08);border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.demo-user-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #e91e6326;border-color:#e91e6333}.demo-user-card--expert{background:linear-gradient(135deg,#e91e630d,#e91e6305);border-color:#e91e6326}.demo-user-card--expert:hover{background:linear-gradient(135deg,#e91e631a,#e91e630d);border-color:#e91e634d}.demo-user-card--student{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f626}.demo-user-card--student:hover{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f64d}.demo-user-card__avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-right:1rem;flex-shrink:0}.demo-user-card--expert .demo-user-card__avatar{background:linear-gradient(135deg,#e91e63,#c2185b)}.demo-user-card--student .demo-user-card__avatar{background:linear-gradient(135deg,#3b82f6,#2563eb)}.demo-user-card__info{flex:1}.demo-user-card__name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:#374151}.demo-user-card__role{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.demo-user-card__username{font-size:.8rem;color:#9ca3af;font-family:monospace;background:#0000000d;padding:.125rem .375rem;border-radius:4px;display:inline-block}.demo-user-card__arrow{color:#9ca3af;font-size:1.25rem;transition:all .3s ease}.demo-user-card:hover .demo-user-card__arrow{color:#e91e63;transform:translate(4px)}.demo-user-card--student:hover .demo-user-card__arrow{color:#3b82f6}.custom-login-section{margin-top:2rem;padding:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(233,30,99,.08);border-radius:16px;box-shadow:0 4px 16px #e91e630f}.custom-login-title{font-size:1.25rem;font-weight:600;color:#e91e63;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.custom-login-subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.custom-login-form{display:flex;flex-direction:column;gap:1rem}.custom-username-input{background:#ffffffe6;border:2px solid rgba(233,30,99,.1);border-radius:12px;padding:1rem 1.25rem;font-size:1.1rem;font-weight:500;transition:all .3s ease;width:100%}.custom-username-input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 .2rem #e91e6340;background:#fff}.custom-username-input::placeholder{color:#9ca3af}.custom-login-btn{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.custom-login-btn:hover{background:linear-gradient(135deg,#d81b60,#ad1457);transform:translateY(-2px);box-shadow:0 8px 25px #e91e634d}.custom-login-btn:active{transform:translateY(0)}.psu-login-container{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(233,30,99,.08);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #e91e631a;animation:fadeInUp .6s ease-out}.psu-login-header{text-align:center;margin-bottom:2.5rem}.psu-login-header__icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;box-shadow:0 8px 20px #e91e634d;animation:pulse 2s infinite}.psu-login-header__title{font-size:2rem;font-weight:700;color:#e91e63;margin-bottom:.5rem}.psu-login-header__subtitle{font-size:1.1rem;color:#6b7280;margin-bottom:1rem;font-weight:500}.psu-login-header__description{font-size:.95rem;color:#9ca3af;line-height:1.6;max-width:350px;margin:0 auto}.psu-alert{display:flex;align-items:flex-start;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;animation:slideDown .4s ease-out}.psu-alert--error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2)}.psu-alert--success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2)}.psu-alert__icon{margin-right:1rem;font-size:1.25rem;flex-shrink:0}.psu-alert--error .psu-alert__icon{color:#ef4444}.psu-alert--success .psu-alert__icon{color:#10b981}.psu-alert__content{flex:1}.psu-alert__title{font-weight:600;margin-bottom:.25rem;color:#374151}.psu-alert__message{font-size:.9rem;color:#6b7280;line-height:1.4}.psu-section-header{text-align:center;margin-bottom:1.5rem}.psu-section-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.psu-section-subtitle{font-size:.9rem;color:#6b7280;line-height:1.5}.psu-demo-section{margin-bottom:2rem}.psu-demo-users{display:flex;flex-direction:column;gap:1rem}.psu-demo-user{display:flex;align-items:center;padding:1.25rem;border:2px solid rgba(233,30,99,.08);border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.psu-demo-user:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e91e63,#c2185b);transition:all .3s ease}.psu-demo-user--student:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.psu-demo-user:hover{transform:translateY(-4px);box-shadow:0 12px 30px #e91e6326;border-color:#e91e6333}.psu-demo-user--student:hover{border-color:#3b82f633;box-shadow:0 12px 30px #3b82f626}.psu-demo-user:hover:before{height:6px}.psu-demo-user__avatar{position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-right:1rem;flex-shrink:0}.psu-demo-user--expert .psu-demo-user__avatar{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 4px 12px #e91e634d}.psu-demo-user--student .psu-demo-user__avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.psu-demo-user__badge{position:absolute;top:-8px;right:-8px;background:#fffffff2;color:#374151;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.psu-demo-user__info{flex:1}.psu-demo-user__name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:#374151}.psu-demo-user__role{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.psu-demo-user__username{font-size:.85rem;color:#9ca3af;font-family:monospace;background:#0000000d;padding:.125rem .375rem;border-radius:6px;display:inline-block}.psu-demo-user__action{color:#9ca3af;font-size:1.25rem;transition:all .3s ease}.psu-demo-user:hover .psu-demo-user__action{color:#e91e63;transform:translate(4px)}.psu-demo-user--student:hover .psu-demo-user__action{color:#3b82f6}.psu-divider{position:relative;text-align:center;margin:2rem 0}.psu-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(233,30,99,.2),transparent)}.psu-divider__text{background:#fffffffa;padding:0 1.5rem;color:#9ca3af;font-size:.9rem;font-weight:500}.psu-custom-login{margin-top:1rem}.psu-login-form{margin-bottom:1.5rem}.psu-input-group{display:flex;flex-direction:column;gap:1rem}.psu-input-wrapper{position:relative}.psu-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.25rem;z-index:2}.psu-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid rgba(233,30,99,.1);border-radius:12px;background:#ffffffe6;font-size:1rem;transition:all .3s ease}.psu-input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 .2rem #e91e6340;background:#fff}.psu-input::placeholder{color:#9ca3af}.psu-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.psu-btn--primary{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;box-shadow:0 4px 12px #e91e634d}.psu-btn--primary:hover{background:linear-gradient(135deg,#d81b60,#ad1457);transform:translateY(-2px);box-shadow:0 8px 20px #e91e6366}.psu-btn--full{width:100%}.psu-btn__icon{font-size:1.25rem}.psu-login-tips{display:flex;flex-direction:column;gap:.75rem}.psu-tip{display:flex;align-items:center;padding:.75rem 1rem;background:#e91e6308;border:1px solid rgba(233,30,99,.08);border-radius:8px;font-size:.85rem}.psu-tip__icon{color:#e91e63;margin-right:.75rem;font-size:1rem;flex-shrink:0}.psu-tip__text{color:#6b7280;line-height:1.4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #e91e634d}50%{transform:scale(1.05);box-shadow:0 12px 25px #e91e6366}}@media (max-width: 768px){.psu-login-container{padding:1.5rem;margin:1rem}.psu-login-header__title{font-size:1.75rem}.psu-demo-user{padding:1rem}.psu-demo-user__name{font-size:1rem}.psu-demo-user__avatar{width:50px;height:50px;font-size:1.25rem;margin-right:.75rem}}