.fa,.fas,.far,.fal,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 6 Free"!important}*{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}.fa,.fas,.far,.fal,.fab{font-family:"Font Awesome 6 Free"!important}*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--dark:#0f172a;--dark-lighter:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden}body.dashboard-page header{display:none}header{position:fixed;width:100%;top:0;z-index:1000;background:rgba(15,23,42,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.1);transition:all .3s}header.scrolled{background:rgba(15,23,42,.95);box-shadow:0 4px 20px rgba(139,92,246,.1)}nav{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text);text-decoration:none;transition:color .3s;font-weight:500}.nav-links a:hover{color:var(--primary-light)}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(139,92,246,.3)}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary-light)}.btn-secondary:hover{background:var(--primary);color:#fff}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.hero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.15),transparent);border-radius:50%;top:-250px;right:-250px;animation:float 20s infinite ease-in-out}.hero::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1),transparent);border-radius:50%;bottom:-200px;left:-200px;animation:float 15s infinite ease-in-out reverse}@keyframes float {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(50px, 50px); }
}.hero-content{max-width:800px;text-align:center;z-index:1;animation:fadeInUp 1s ease-out}@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,white,var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.auth-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{background:var(--dark-lighter);border-radius:16px;padding:3rem;max-width:450px;width:100%;border:1px solid rgba(139,92,246,.1);animation:fadeInUp .6s ease-out}.auth-container h2{margin-bottom:2rem;text-align:center;font-size:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-weight:500}.form-group input,.form-group select{width:100%;padding:.875rem;background:var(--dark);border:1px solid rgba(139,92,246,.2);border-radius:8px;color:var(--text);font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#86efac;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-muted)}.auth-switch a{color:var(--primary-light);text-decoration:none;font-weight:600}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--dark-lighter);border-right:1px solid rgba(139,92,246,.1);z-index:999;overflow-y:auto;overflow-x:hidden;transition:transform .3s}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.sidebar-logo{padding:2rem;border-bottom:1px solid rgba(139,92,246,.1)}.sidebar-logo .logo{font-size:1.75rem}.sidebar-menu{padding:0;margin:0;display:block}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 2rem 1rem 2rem;margin:0 0 .5rem 0;color:var(--text);text-decoration:none;border-radius:0;transition:all .3s;position:relative}.sidebar-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary);opacity:0;transition:opacity .3s}.sidebar-item:hover::before,.sidebar-item.active::before{opacity:1}.sidebar-item:hover{background:rgba(139,92,246,.1);color:var(--primary-light)}.sidebar-item.active{background:rgba(139,92,246,.15);color:var(--primary-light)}.sidebar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sidebar-section{padding:1.5rem 1rem .5rem 1rem;margin-top:1.5rem;margin-bottom:.5rem}.sidebar-section h3{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.5px;word-wrap:break-word;white-space:normal}.sidebar-footer{position:sticky;bottom:0;padding:1.5rem;border-top:1px solid rgba(139,92,246,.1);background:var(--dark-lighter);margin-top:2rem}.sidebar *{max-width:100%}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-weight:700}.user-details{flex:1}.user-name{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.user-rank{font-size:.75rem;opacity:.7}.dashboard-layout{margin-left:280px;min-height:100vh;max-width:calc(100vw - 280px)}.dashboard{padding:2rem;max-width:100%}.dashboard-header{margin-bottom:3rem}.dashboard h1{font-size:2.5rem;margin-bottom:.5rem}.welcome-text{color:var(--text-muted);font-size:1.125rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--dark-lighter);padding:2rem;border-radius:12px;border:1px solid rgba(139,92,246,.1);transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(139,92,246,.2)}.stat-card h3{color:var(--text-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.stat-card .value{font-size:2rem;font-weight:700;color:var(--primary-light)}.content-card{background:var(--dark-lighter);padding:2rem;border-radius:12px;border:1px solid rgba(139,92,246,.1);margin-bottom:2rem;text-align:left}.content-card h2{margin-bottom:.5rem}.content-card p{color:var(--text-muted);margin-bottom:.5rem;font-size:1.35rem;white-space:pre-wrap;text-align:left}.sidebar-toggle{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1001;background:var(--primary);border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}.sidebar-toggle span{width:20px;height:2px;background:#fff}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;z-index:998;font-size:24px}.scroll-top.visible{opacity:1;visibility:visible}@media (max-width:968px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:flex}.dashboard-layout{margin-left:0;max-width:100vw}.hero h1{font-size:2.5rem}}.dashboard-page .sidebar-logo .logo{background: linear-gradient(
        45deg,
        #8b5cf6,
        #a78bfa,
        #c084fc,
        #e879f9,
        #c084fc,
        #a78bfa,
        #8b5cf6
    );background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease infinite;position:relative;font-weight:800;letter-spacing:2px}@keyframes gradientFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}.dashboard-page .sidebar-logo .logo::before{content:'TeamOS';position:absolute;top:0;left:0;z-index:-1;filter:blur(15px);opacity:.5;background:linear-gradient(45deg,#8b5cf6,#a78bfa,#c084fc);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease infinite}.dashboard-page .sidebar-logo .logo:hover{transform:scale(1.05);transition:transform .3s ease;cursor:pointer}.dashboard-page .sidebar-logo:hover .logo::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);border-radius:50%;animation:pulse 1.5s ease infinite}@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:10000;animation:fadeIn .3s ease}.modal.active{display:flex;align-items:center;justify-content:center}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}.modal-content{background:var(--dark-lighter);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid rgba(139,92,246,.2);animation:slideUp .3s ease;position:relative}@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(139,92,246,.1)}.modal-header h2{margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:all .3s;line-height:1;padding:0;width:30px;height:30px}.modal-close:hover{color:var(--primary-light);transform:rotate(90deg)}.permission-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid transparent}.permission-checkbox:hover{background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.2)}.permission-checkbox input[type="checkbox"]{appearance:none;width:20px;height:20px;border:2px solid rgba(139,92,246,.3);border-radius:4px;cursor:pointer;position:relative;transition:all .3s}.permission-checkbox input[type="checkbox"]:checked{background:var(--primary);border-color:var(--primary)}.permission-checkbox input[type="checkbox"]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:bold}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:1rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s;font-weight:600}.btn-edit{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn-edit:hover{background:rgba(59,130,246,.3)}.btn-delete{background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background:rgba(239,68,68,.3)}.btn-reset{background:rgba(249,115,22,.2);color:#fb923c;border:1px solid rgba(249,115,22,.3)}.btn-reset:hover{background:rgba(249,115,22,.3)}.password-display{background:var(--dark);padding:1rem;border-radius:8px;border:1px solid rgba(139,92,246,.2);margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.password-text{font-family:'Courier New',monospace;font-size:1.1rem;color:var(--primary-light);flex:1}.btn-copy{background:var(--primary);color:#fff;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.btn-copy:hover{background:var(--primary-dark)}.btn-add{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-add:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(139,92,246,.3)}@keyframes pulse-border {
    0%, 100% {
        border-color: #ef4444;
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    50% {
        border-color: #dc2626;
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }
}.record-type-option{background:var(--dark);border:2px solid transparent!important}.record-type-option:hover{background:rgba(139,92,246,.1)}.record-type-radio:checked+.record-type-option[data-type="positive"]{border-color:#22c55e!important;background:rgba(34,197,94,.1)}.record-type-radio:checked+.record-type-option[data-type="neutral"]{border-color:#94a3b8!important;background:rgba(148,163,184,.1)}.record-type-radio:checked+.record-type-option[data-type="negative"]{border-color:#ef4444!important;background:rgba(239,68,68,.1)}.team-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);padding:.5rem 1rem;border-radius:8px;font-size:.875rem}.user-dropdown{position:relative}.user-dropdown .user-info{cursor:pointer;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;transition:all .3s ease;background:rgba(139,92,246,.05);border:1px solid transparent}.user-dropdown .user-info:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.user-dropdown .dropdown-arrow{margin-left:auto;font-size:.75rem;color:var(--text-muted);transition:transform .3s ease}.user-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top: calc(100% + 0.5rem);left:0;right:0;background:#1e1b2e;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:1000}.user-dropdown.open .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text);text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.9rem}.dropdown-item:hover{background:rgba(139,92,246,.15);color:var(--primary-light)}.dropdown-item.active{background:rgba(139,92,246,.2);color:var(--primary-light)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:rgba(239,68,68,.15)}.dropdown-item i{width:18px;text-align:center}.dropdown-divider{height:1px;background:rgba(139,92,246,.15);margin:.5rem 0}textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="time"],select{width:100%;padding:.875rem 1rem;background:var(--dark);border:2px solid rgba(139,92,246,.15);border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem;transition:all .3s ease;outline:none}textarea:hover,input[type="text"]:hover,input[type="email"]:hover,input[type="password"]:hover,input[type="number"]:hover,input[type="date"]:hover,input[type="time"]:hover,select:hover{border-color:rgba(139,92,246,.3)}textarea:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="date"]:focus,input[type="time"]:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(139,92,246,.1);background:rgba(139,92,246,.02)}textarea{min-height:120px;resize:vertical;line-height:1.6}textarea::placeholder,input::placeholder{color:var(--text-muted);opacity:.7}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text);font-size:.9rem}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.75rem}.input-with-icon i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem}.input-with-icon input:focus + i,
.input-with-icon input:focus ~ i {color:var(--primary)}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:8rem 5% 4rem;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-1}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#8b5cf6,#6366f1);top:-200px;left:-200px}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#06b6d4,#8b5cf6);bottom:-100px;right:-100px;animation-delay:-10s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#f59e0b,#ef4444);top:50%;left:50%;animation-delay:-5s}@keyframes float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(50px, -50px) scale(1.1); }
    50% { transform: translate(0, 50px) scale(0.9); }
    75% { transform: translate(-50px, -25px) scale(1.05); }
}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px) , linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:60px 60px}.hero-content{z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;color:var(--primary-light);margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:500px;line-height:1.7;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.btn-hero{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease}.btn-primary-hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 10px 40px rgba(139,92,246,.3)}.btn-primary-hero:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(139,92,246,.4)}.btn-secondary-hero{background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.1)}.btn-secondary-hero:hover{background:rgba(255,255,255,.1);border-color:rgba(139,92,246,.3)}.hero-stats{display:flex;align-items:center;gap:2rem}.stat{text-align:center}.stat-number{display:block;font-size:1.75rem;font-weight:700;color:var(--text)}.stat-label{font-size:.875rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:rgba(139,92,246,.2)}.hero-visual{position:relative}.dashboard-preview{background:var(--dark-card);border-radius:16px;border:1px solid rgba(139,92,246,.2);overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.4);animation:preview-float 6s ease-in-out infinite}@keyframes preview-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}.preview-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--dark);border-bottom:1px solid rgba(139,92,246,.1)}.preview-dots{display:flex;gap:.5rem}.preview-dots span{width:12px;height:12px;border-radius:50%}.preview-dots span:nth-child(1) {background:#ef4444}.preview-dots span:nth-child(2) {background:#f59e0b}.preview-dots span:nth-child(3) {background:#22c55e}.preview-title{font-size:.8rem;color:var(--text-muted)}.preview-content{display:grid;grid-template-columns:60px 1fr;min-height:300px}.preview-sidebar{background:var(--dark);border-right:1px solid rgba(139,92,246,.1)}.preview-main{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.preview-card{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.05));border-radius:8px;height:60px;animation:shimmer 2s ease-in-out infinite}.preview-card.small{height:40px;width:60%}@keyframes shimmer {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}.features-section{padding:6rem 5%;background:linear-gradient(180deg,transparent,rgba(139,92,246,.03))}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-badge{display:inline-block;background:rgba(139,92,246,.1);color:var(--primary-light);padding:.375rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--dark-card);border:1px solid rgba(139,92,246,.1);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:rgba(139,92,246,.3);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:var(--text-muted);line-height:1.6}.cta-section{padding:6rem 5%;text-align:center}.cta-content{max-width:600px;margin:0 auto;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(6,182,212,.1));border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:4rem}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{color:var(--text-muted);margin-bottom:2rem}.main-footer{border-top:1px solid rgba(139,92,246,.1);padding:3rem 5%}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-brand p{color:var(--text-muted);margin-top:.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-light)}.footer-copy{color:var(--text-muted);font-size:.875rem}@media (max-width:968px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:6rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-stats{justify-content:center}.hero-visual{display:none}}.sidebar-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;margin-left:auto;min-width:18px;text-align:center}.footer-actions{display:flex;align-items:center;gap:.75rem}.notification-dropdown{position:relative}.notification-bell{position:relative;width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease}.notification-bell:hover{background:rgba(139,92,246,.2);border-color:var(--primary);color:var(--primary-light)}.notification-count{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--dark-card)}.notification-menu{position:absolute;bottom: calc(100% + 0.5rem);right:0;width:320px;background:#1e1b2e;border:1px solid rgba(139,92,246,.3);border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.notification-dropdown.open .notification-menu{opacity:1;visibility:visible;transform:translateY(0)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(139,92,246,.15);font-weight:600}.mark-all-read{font-size:.75rem;color:var(--primary-light);text-decoration:none}.mark-all-read:hover{text-decoration:underline}.notification-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:var(--text);transition:background .2s;border-bottom:1px solid rgba(139,92,246,.05)}.notification-item:hover{background:rgba(139,92,246,.1)}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.notification-icon.record{background:rgba(34,197,94,.2);color:#22c55e}.notification-icon.rank{background:rgba(245,158,11,.2);color:#f59e0b}.notification-icon.chat{background:rgba(139,92,246,.2);color:#8b5cf6}.notification-icon.meeting{background:rgba(6,182,212,.2);color:#06b6d4}.notification-icon.invite{background:rgba(236,72,153,.2);color:#ec4899}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;margin-bottom:.125rem}.notification-message{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.notification-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-muted)}.notification-empty i{font-size:2rem;color:#22c55e}.user-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}