*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#f1f5f9;min-height:100vh}.navbar{position:fixed;top:0;width:100%;height:60px;background:linear-gradient(to right,#0f172a,#1e293b);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 8px #0000004d}.company-name{font-size:1.8rem;font-weight:700;color:#38bdf8;letter-spacing:1px;cursor:pointer}.search-bar{padding:8px 14px;border-radius:8px;border:1px solid #334155;outline:none;background-color:#1e293b;color:#f1f5f9;width:240px;transition:border .3s ease}.search-bar:focus{border-color:#38bdf8}.navbar-left{display:flex;align-items:center;gap:14px}.navbar-right{display:flex;align-items:center;gap:16px}.nav-button{background:transparent;color:#f1f5f9;border:1px solid #334155;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.nav-button:hover{background-color:#38bdf8;color:#0f172a;border-color:#38bdf8}.logout-button{background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#dc2626}.profile{display:flex;align-items:center;gap:10px;padding:6px 12px;background-color:#1e293b;border-radius:8px}.profile-icon{width:34px;height:34px;border-radius:50%;background-color:#38bdf8;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f172a}.username{color:#e2e8f0;font-weight:500}.dashboard-container{padding:40px 24px;background:linear-gradient(to bottom,#1e293b,#0f172a);min-height:100vh}.user-profile{margin-top:4%;display:flex;justify-content:center;padding:40px 24px;color:#f1f5f9}.profile-wrapper{display:flex;justify-content:center;padding:30px 20px;background-color:transparent}.profile-page{width:100%;max-width:900px;background:linear-gradient(to bottom right,#1e293b,#0f172a);border-radius:12px;box-shadow:0 4px 16px #00000080;padding:32px;text-align:center;color:#f1f5f9}.profile-heading{font-size:2rem;color:#38bdf8;margin-bottom:24px}.profile-details p{margin:10px 0;font-size:1.1rem}.profile-edit{display:flex;flex-direction:column;gap:14px}.profile-input{padding:12px;border-radius:8px;border:1px solid #38bdf8;background-color:#0f172a;color:#f1f5f9;font-size:1rem}.profile-save-btn,.profile-edit-btn{padding:12px;font-size:1rem;background:linear-gradient(to right,#38bdf8,#0ea5e9);color:#0f172a;border:none;border-radius:6px;cursor:pointer;transition:transform .3s ease,background .3s ease}.profile-save-btn:hover,.profile-edit-btn:hover{transform:translateY(-2px);background:linear-gradient(to right,#0ea5e9,#38bdf8)}.stats-page{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;padding:40px 24px;background:linear-gradient(to bottom,#0f172a,#1e293b)}.profile-side{background:linear-gradient(to bottom right,#1e293b,#0f172a);padding:32px;border-radius:12px;width:350px;box-shadow:0 6px 20px #00000080;color:#e2e8f0;display:flex;flex-direction:column;justify-content:flex-start;max-height:80vh;overflow-y:auto}.profile-bg{background-image:radial-gradient(rgba(56,189,248,.1) 1px,transparent 1px);background-size:8px 8px;padding:16px;border-radius:8px}.side-heading{font-size:1.4rem;color:#38bdf8;margin-bottom:20px;position:relative}.side-heading:after{content:"";display:block;width:100%;height:3px;background:#0ea5e9;margin-top:8px;border-radius:2px}.profile-side p{display:flex;justify-content:space-between;margin:12px 0;font-size:1rem;border-bottom:1px solid #334155;padding-bottom:8px}.stats-container{flex:1;display:flex;flex-direction:column;gap:32px;min-width:300px}.stats-row{display:flex;gap:24px;flex-wrap:wrap}.stat-card{background:linear-gradient(to top left,#1e293b,#0f172a);border-radius:12px;padding:24px;flex:1;min-width:280px;box-shadow:0 4px 16px #0006;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0009}.stat-card h2{font-size:1.2rem;color:#38bdf8;margin-bottom:16px}.stat-item{font-size:1rem;margin-bottom:12px}.lc-difficulty{display:flex;gap:12px;margin-top:8px}.lc-difficulty span{font-weight:700}.easy{color:#4ade80}.medium{color:#facc15}.hard{color:#f87171}.contest-list{list-style:none;padding:0;margin-top:12px}.contest-list li{padding:12px;border-bottom:1px solid #334155}.contest-card{width:100%}.contest-name{font-weight:600;color:#e2e8f0}.contest-time{font-size:.9rem;color:#94a3b8}.profile-summary{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #334155;margin-bottom:24px}.follow-stats{display:flex;gap:16px}.tab-button{background:transparent;border:2px solid #334155;color:#e2e8f0;padding:8px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease,color .3s ease}.tab-button:hover{background:#334155}.tab-active{background:linear-gradient(to right,#38bdf8,#0ea5e9);color:#0f172a;border:none}.follow-list-panel-2col{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:24px}.follow-section{flex:1;min-width:300px;background:#1e293b;border-radius:12px;padding:24px;box-shadow:0 4px 16px #0006}.follow-section h3{color:#38bdf8;margin-bottom:16px}.follow-card{display:flex;justify-content:space-between;align-items:center;background:#0f172a;padding:12px 16px;border-radius:8px;margin-bottom:12px;transition:background .3s ease}.follow-card:hover{background:#334155}.action-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .3s ease,transform .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn.accept{background:#22c55e;color:#0f172a}.action-btn.decline{background:#ef4444;color:#f1f5f9}.action-btn.cancel{background:#facc15;color:#0f172a}.otheruser-wrapper{min-height:100vh;background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#e2e8f0;justify-content:center;align-items:start;padding-top:100px;text-align:center}.otheruser-wrapper h2{font-size:2.2rem;color:#38bdf8;margin-bottom:24px}.otheruser-followers-wrapper{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.otheruser-followers-wrapper strong{background:#1e293b;padding:12px 24px;border-radius:8px;color:#facc15;box-shadow:0 4px 12px #facc154d}.friend-request-btn{padding:12px 28px;background:linear-gradient(to right,#38bdf8,#0ea5e9);color:#0f172a;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,background .3s ease}.friend-request-btn:hover:not(:disabled){transform:scale(1.05);background:linear-gradient(to right,#0ea5e9,#38bdf8)}.friend-request-btn:disabled{background:#4b5563;cursor:not-allowed;opacity:.7}.compare-container{padding-top:80px;background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#f1f5f9;min-height:100vh;display:flex;justify-content:center}.compare-wrapper{width:100%;max-width:900px;padding:2rem;display:flex;flex-direction:column;align-items:center}.compare-heading{font-size:2rem;color:#38bdf8;margin-bottom:1rem;text-align:center}.metric-toggle{display:flex;justify-content:center;margin-bottom:1rem;gap:1rem}.metric-toggle button{background-color:#334155;color:#fff;padding:.5rem 1rem;border:none;cursor:pointer;border-radius:5px;font-weight:700;transition:background .3s ease}.metric-toggle button.active{background-color:#06b6d4}.compare-table-wrapper{width:100%;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#1e293b;border-radius:10px;overflow:hidden}.compare-table th,.compare-table td{padding:1rem;text-align:center;border-bottom:1px solid #334155}.compare-table th{background-color:#0f172a;color:#38bdf8;font-weight:700}.compare-table tr:hover{background-color:#334155}.heatmaps-wrapper{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.heatmap-grid{display:grid;grid-template-columns:repeat(10,minmax(24px,1fr));gap:4px;margin-top:12px;max-width:240px}.heatmap-cell{width:100%;aspect-ratio:1;border-radius:2px;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.2);z-index:1}.heatmap-cell.empty{background:transparent;pointer-events:none}.solutions-container{padding-top:80px;padding-bottom:2rem;background:linear-gradient(to bottom,#0f172a,#1e293b);min-height:100vh;display:flex;flex-direction:column;align-items:center}.solutions-header{text-align:center;margin-bottom:2rem}.solutions-header h2{color:#38bdf8;font-size:2rem;margin-bottom:.5rem}.platform-select{padding:.5rem 1rem;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#f1f5f9;font-size:1rem}.platform-select:focus{outline:none;border-color:#38bdf8}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;width:100%;max-width:1200px}.video-card{background:linear-gradient(to top left,#1e293b,#0f172a);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0009}.video-thumbnail{width:100%;height:150px;object-fit:cover}.video-info{padding:.8rem 1rem}.video-title{font-size:1rem;font-weight:500;color:#f1f5f9;margin:0 0 .3rem}.video-date{font-size:.85rem;color:#94a3b8;margin:0}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:100px 5%;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.hero-content{max-width:500px;animation:fadeInUp 1s ease-out both}.hero-content h1{font-size:3.5rem;color:#38bdf8;margin-bottom:.5rem;animation:float 4s ease-in-out infinite alternate}.hero-content p{font-size:1.2rem;opacity:.85;margin-bottom:1.5rem}.btn-primary{background:linear-gradient(90deg,#06b6d4,#0ea5e9);color:#0f172a;padding:.75rem 2rem;border:none;border-radius:9999px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 20px #0ea5e966}.hero-graphic{width:400px;height:400px;background:radial-gradient(circle at center,#38bdf8 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite alternate}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center}.hero-graphic{margin-top:2rem;width:300px;height:300px}}.features-section{padding:4rem 5%;text-align:center}.features-section h2{font-size:2.5rem;color:#38bdf8;margin-bottom:2rem;animation:fadeIn 1s ease-out both}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.feature-card{background:#1e293b;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0006;transition:transform .3s}.feature-card:hover{transform:translateY(-8px)}.feature-card .icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;color:#06b6d4;margin-bottom:.5rem}.feature-card p{opacity:.85;line-height:1.4}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.howitworks-section{padding:4rem 5%;background:#0f172a;text-align:center}.howitworks-section h2{font-size:2.5rem;color:#38bdf8;margin-bottom:2rem}.steps{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.step{max-width:200px;background:#1e293b;border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0006}.step-num{display:inline-block;background:#06b6d4;color:#0f172a;font-weight:700;width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:50%;margin-bottom:1rem}.step h4{color:#38bdf8;margin-bottom:.5rem}.step p{opacity:.85;line-height:1.4}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:4rem 5%;background:linear-gradient(to right,#0f172a,#1e293b)}.hero-content{max-width:50%}.hero-content h1{font-size:3rem;color:#38bdf8;margin-bottom:1rem}.hero-content p{font-size:1.2rem;color:#e2e8f0;margin-bottom:2rem}.btn-primary{background:#06b6d4;color:#0f172a;padding:.75rem 1.5rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.btn-primary:hover{background:#38bdf8}.hero-logo img{width:180px;height:auto;filter:drop-shadow(0 0 8px #06b6d4)}.site-footer{background:#1e293b;padding:2rem 5%;text-align:center;color:#94a3b8}.footer-links a{color:#94a3b8;text-decoration:none;font-size:1rem;margin-bottom:1rem;display:inline-block;transition:color .2s}.footer-links a:hover{color:#38bdf8}.footer-logo-wrapper{margin:1rem 0}.footer-logo{width:60px;height:60px;filter:drop-shadow(0 0 8px #06b6d4);border-radius:8px}.site-footer p{margin-top:.5rem;font-size:.9rem;opacity:.75}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;gap:2rem}.hero-content,.hero-logo img{max-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-20px) scale(1.05)}}.not-found-wrapper{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#121212;color:#fff;text-align:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.not-found-title{font-size:2.5rem;margin-bottom:1rem;color:#ff6b6b}.not-found-message{font-size:1.25rem;color:#ccc}@media (max-width: 768px){.navbar{flex-direction:row;align-items:center;padding:0 16px}.navbar-left{display:flex;flex-direction:row;align-items:center;gap:12px}.navbar-right{flex:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.search-bar{width:100%;margin-top:10px}.navbar-right{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-right .nav-button,.profile,.logout-button{display:none}.navbar-right .hamburger{display:block;cursor:pointer;font-size:1.8rem;color:#38bdf8}.mobile-menu{position:absolute;top:60px;right:16px;background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;gap:12px;padding:12px;z-index:1001}.mobile-menu .nav-button,.mobile-menu .logout-button,.mobile-menu .profile{display:block;color:#fff;background:transparent;border:none;text-align:left;font-size:1rem}.mobile-menu .profile-icon{background-color:#38bdf8;border-radius:50%;padding:6px 10px;color:#000;font-weight:700;display:inline-block;margin-bottom:4px}.dashboard-container{padding:80px 12px 20px}.profile-page{padding:20px}.profile-heading{font-size:1.6rem}.follow-list-panel-2col{flex-direction:column;gap:16px}.follow-section{padding:16px}.stats-page{padding:20px 12px}.profile-side,.stat-card{width:100%;padding:20px}.stats-container{width:100%}.compare-wrapper{padding:1rem}.compare-heading{font-size:1.5rem}.metric-toggle{flex-direction:column;align-items:center}.metric-toggle button{width:100%;max-width:200px}.compare-table th,.compare-table td{padding:.6rem;font-size:.9rem}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.solutions-header h2{font-size:1.6rem}}.hamburger{display:none}