:root{--bg-color:#060b0e;--card-bg:#10161ca6;--text-main:#e2e8f0;--text-muted:#8392a5;--accent:#2bb3a7;--accent-hover:#3ddbd0;--error:#ef4444;--success:#10b981}#root,html,body{width:100%;min-height:100vh;color:var(--text-main);letter-spacing:.02em;background-color:#04080b;background-image:radial-gradient(circle at 50% 0,#2bb3a726 0%,#0000 50%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:top,50%,50%;background-size:100% 100%,40px 40px,40px 40px;background-attachment:fixed;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:.05em;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.container{flex-direction:column;align-items:center;max-width:95%;margin:0 auto;padding:2rem;display:flex}header{text-align:center;width:100%;position:relative}header h1{color:#fff;text-shadow:0 0 20px #ffffff1a;margin-bottom:1.5rem;font-size:2.5rem}header h1:after,.text-page h1:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#2bb3a726 0%,#0000 70%);width:300px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar{border-bottom:1px solid #ffffff0d;justify-content:center;gap:2rem;width:100%;margin-bottom:2rem;padding:1rem 0;display:flex}.nav-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:.5rem 1.2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background-color:#ffffff0d}.nav-link.active{color:var(--accent);background-color:#2bb3a71a;border:1px solid #2bb3a74d}.search-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;display:flex}input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-color:#0006;border:1px solid #ffffff14;border-radius:4px;width:250px;padding:.8rem 1rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}input:focus{background-color:#0009;border-color:#2bb3a780;outline:none;box-shadow:0 0 15px #2bb3a733,inset 0 0 10px #2bb3a71a}.vs{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-weight:700}button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(145deg,#2bb3a726 0%,#2bb3a70d 100%);border:1px solid #2bb3a74d;border-radius:4px;padding:.8rem 1.5rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #0000004d,inset 0 0 10px #2bb3a71a}button:hover:not(:disabled){color:#fff;background:linear-gradient(145deg,#2bb3a740 0%,#2bb3a71a 100%);border-color:#2bb3a799;transform:translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 0 15px #2bb3a733}button:disabled{opacity:.5;cursor:not-allowed;color:#555;border-color:#333}.error{color:var(--error);margin-bottom:1rem;font-weight:700}.dashboard{flex-direction:column;gap:2rem;width:100%;display:flex}.card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:linear-gradient(145deg,#141e2873 0%,#0a0f1640 100%);border:1px solid #ffffff0d;border-top-color:#ffffff1a;border-radius:12px;width:100%;padding:1.5rem;box-shadow:0 10px 40px #00000080,inset 0 0 20px #2bb3a708}.cards-wrapper{grid-template-columns:1fr 1fr;gap:2rem;width:100%;display:grid}@media (width<=1024px){.cards-wrapper{grid-template-columns:1fr}}.tracker-dashboard{flex-direction:column;gap:2rem;width:100%;display:flex}.rating-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tab-btn{background-color:var(--card-bg);color:var(--text-muted);border:1px solid #333}.tab-btn.active{background-color:var(--accent);color:#000;border-color:var(--accent)}.problem-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.problem-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#1e28324d 0%,#0a0f141a 100%);border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.2rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.problem-card:hover{background:linear-gradient(145deg,#1e283266 0%,#0a0f1433 100%);border-color:#2bb3a766;transform:translateY(-4px);box-shadow:0 10px 25px #00000080,inset 0 0 15px #2bb3a726}.problem-card.solved{background-color:#50fa7b1a;border-color:#50fa7b}.problem-card.unsolved{background-color:var(--card-bg)}.prob-header{justify-content:space-between;display:flex}.prob-id{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.problem-card.solved .prob-id{color:#50fa7b}.prob-name{color:var(--text-main);text-shadow:0 0 10px #ffffff1a;margin:0;font-size:1.1rem;font-weight:500}.prob-topic{color:var(--text-muted);background-color:#0006;border:1px solid #ffffff0d;border-radius:4px;width:fit-content;padding:.2rem .5rem;font-size:.8rem}.feed-container{flex-direction:column;gap:.8rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.feed-container::-webkit-scrollbar{width:6px}.feed-container::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.feed-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.feed-item{background-color:#0000004d;border:1px solid #ffffff0d;border-left:4px solid #2bb3a780;border-radius:4px;justify-content:space-between;align-items:center;padding:1rem;transition:transform .1s,border-left-color .2s;display:flex}.feed-item:hover{border-left-color:var(--accent);transform:translate(4px)}.feed-info{flex-direction:column;gap:.3rem;display:flex}.feed-prob-name{color:var(--text-main);font-size:1.05rem;font-weight:700;text-decoration:none}.feed-prob-name:hover{color:var(--accent);text-decoration:underline}.feed-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem}.verdict-badge{text-transform:uppercase;text-align:right;letter-spacing:1px;border-radius:4px;max-width:100px;padding:.3rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.verdict-ok{color:#50fa7b;background-color:#50fa7b26}.verdict-bad{color:var(--error);background-color:#cf667926}.stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.big-stat{color:var(--text-main);margin:1rem 0;font-family:Space Grotesk,sans-serif;font-size:5rem;font-weight:700}.contest-stats-row{background-color:#0000004d;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;justify-content:space-around;gap:1rem;width:100%;padding:1.5rem;display:flex}.c-stat{flex-direction:column;align-items:center;gap:.5rem;display:flex}.c-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.c-stat strong{color:var(--text-main);text-shadow:0 0 12px #2bb3a733;font-family:JetBrains Mono,monospace;font-size:1.5rem}.contest-list{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;display:flex}.contest-row{border-left:4px solid var(--accent);text-align:left;background-color:#0000004d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.contest-name-container{flex-direction:column;flex:2;padding-right:1rem;display:flex}.contest-title{color:var(--text-main);text-shadow:0 0 10px #ffffff1a;margin:0 0 .3rem;font-size:1.1rem}.contest-date{color:var(--text-muted);font-size:.85rem}.contest-metrics{flex:3;justify-content:space-around;gap:1rem;display:flex}.c-stat-small{flex-direction:column;align-items:center;display:flex}.c-stat-small span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.c-stat-small strong{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.2rem}@media (width<=768px){.contest-row{flex-direction:column;align-items:flex-start;gap:1rem}.contest-metrics{justify-content:space-between;width:100%}}.text-page{text-align:left;max-width:1200px;margin:0 auto;font-size:1.15rem;line-height:1.8}.text-page h1{color:var(--accent);border-bottom:1px solid #333;padding-bottom:.5rem}.text-page h2{color:#fff;margin-top:1.5rem}.welcome-content{text-align:center;max-width:800px;margin:2rem auto;line-height:1.6}.welcome-content h2{color:#fff;margin-bottom:1rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #333;margin-top:4rem;padding:2rem}.footer-links{justify-content:center;gap:1.5rem;margin-top:1rem;display:flex}.footer-links a{color:var(--accent);font-size:.9rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.feed-container,.contest-list{max-height:450px;padding-right:8px;overflow-y:auto}.feed-container::-webkit-scrollbar{width:6px}.contest-list::-webkit-scrollbar{width:6px}.feed-container::-webkit-scrollbar-track{background:0 0}.contest-list::-webkit-scrollbar-track{background:0 0}.feed-container::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px}.contest-list::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px}.feed-container::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.contest-list::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}.article-meta{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.text-page h3{color:var(--accent);margin-top:1.5rem;margin-bottom:.5rem;font-size:1.3rem}.text-page ul{margin-left:1.5rem;line-height:1.6}.text-page li{margin-bottom:.5rem}.vertical-ad-container{z-index:10;width:160px;height:600px;display:none;position:fixed;top:150px}@media (width>=1650px){.vertical-ad-container{display:block}}.vertical-ad-container.left{left:20px}.vertical-ad-container.right{right:20px}.landing-page-container{color:#fff;background-image:url(/welcome-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;height:100vh;font-family:Space Grotesk,sans-serif;overflow:hidden auto}.landing-page-container:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;pointer-events:none;background:#0006;position:fixed;inset:0}.landing-navbar{z-index:100;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{color:#2bb3a7;text-shadow:0 0 10px #2bb3a780;font-size:2rem;font-weight:800}.landing-enter-button{color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#1d827b,#2bb3a7);border:none;border-radius:50px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #2bb3a766}.landing-enter-button:hover{background:linear-gradient(135deg,#2bb3a7,#3cdfd0);transform:translateY(-2px);box-shadow:0 6px 25px #2bb3a799}.landing-enter-button:active{transform:translateY(1px)}section.landing-hero{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;animation:1s ease-out fadeInStart;display:flex;position:relative}.hero-title{text-shadow:0 0 10px #2bb3a7cc,0 0 20px #2bb3a766;margin-bottom:1rem;font-size:5rem;font-weight:900;line-height:1.1}.hero-subtitle{color:#e0e0e0;text-shadow:0 0 5px #000c;margin-bottom:3rem;font-family:JetBrains Mono,monospace;font-size:1.5rem}.scroll-indicator{color:#2bb3a7;text-transform:uppercase;letter-spacing:2px;flex-direction:column;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;animation:2s infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}.landing-section{z-index:2;justify-content:center;align-items:center;min-height:80vh;padding:4rem 2rem;display:flex;position:relative}.landing-card{background:#0a0f14b3;border:1px solid #2bb3a74d;border-radius:20px;width:100%;max-width:900px;padding:4rem;box-shadow:0 0 50px #000c,inset 0 0 20px #2bb3a71a}.landing-card h2{color:#2bb3a7;text-shadow:0 0 10px #2bb3a74d;margin-bottom:2rem;font-size:3rem}.problem-list,.solution-list{text-align:left;padding:0;list-style:none}.problem-list li,.solution-list li{margin-bottom:1.5rem;padding-left:2.5rem;font-size:1.2rem;line-height:1.6;position:relative}.problem-list li:before{content:"❌";position:absolute;top:2px;left:0}.solution-list li:before{content:"✅";position:absolute;top:2px;left:0}.problem-list li strong{color:#f55}.solution-list li strong{color:#5f5}.landing-footer{z-index:2;background:#000c;border-top:1px solid #2bb3a74d;padding:4rem 2rem;position:relative}.footer-content-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.footer-left{text-align:left;flex:1;min-width:250px}.footer-center{text-align:center;flex:1;min-width:300px}.footer-right{flex:1;min-width:250px}.landing-footer h3{color:#fff;margin-bottom:.5rem;font-size:2rem}.landing-footer p{color:#a0a0a0;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace}.footer-right-corner{text-align:right;padding-right:30px}.social-links-left{justify-content:flex-start;gap:1.5rem;display:flex}.social-links-left a{color:#2bb3a7;border:1px solid #2bb3a7;border-radius:30px;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}.social-links-left a:hover{color:#000;background:#2bb3a7;box-shadow:0 0 15px #2bb3a780}.social-links-small{justify-content:flex-end;gap:1rem;display:flex}.social-links-small a{color:#888;border:1px solid #555;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;text-decoration:none;transition:all .3s}.social-links-small a:hover{color:#fff;background:#555}.deep-dive-card{background:#0a0f14d9;width:100%;max-width:1000px;padding:4rem}.deep-dive-header{border-bottom:1px solid #2bb3a74d;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.feature-icon-large{font-size:4rem}.deep-dive-card h2{color:#fff;text-shadow:none;margin:0;font-size:2.5rem}.deep-dive-intro{color:#2bb3a7;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.deep-dive-details{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.detail-point h4{color:#fff;margin-bottom:.8rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.detail-point p{color:#bbb;font-size:1.05rem;line-height:1.6}@media (width<=768px){.deep-dive-details{grid-template-columns:1fr;gap:2rem}.deep-dive-header{text-align:center;flex-direction:column}}@keyframes fadeInStart{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
