*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#0a0e27;color:#e0e6ed;line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,0.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,191,255,0.12),transparent 40%);z-index:0;pointer-events:none}.k9x2m4p{position:fixed;top:0;width:100%;background:rgba(10,14,39,0.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(138,43,226,0.3);box-shadow:0 4px 30px rgba(0,0,0,0.5);z-index:1000}.n7w3q8h{max-width:1300px;margin:0 auto;padding:1rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.r5t8y2k{font-size:0}.r5t8y2k a{font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#8a2be2 0%,#00bfff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:all 0.3s;display:inline-block}.r5t8y2k a:hover{transform:scale(1.08);filter:drop-shadow(0 0 15px rgba(138,43,226,0.6))}.m6p9v4x{display:flex;gap:2rem;list-style:none;align-items:center}.m6p9v4x a{color:#b8c5d6;text-decoration:none;font-weight:600;font-size:0.95rem;padding:0.6rem 1.2rem;border-radius:8px;transition:all 0.3s;position:relative}.m6p9v4x a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#8a2be2,#00bfff);transform:translateX(-50%);transition:width 0.3s}.m6p9v4x a:hover{color:#fff;background:rgba(138,43,226,0.15)}.m6p9v4x a:hover::before{width:85%}.u3h7j5n{max-width:1300px;margin:80px auto 0;padding:2rem;position:relative;z-index:1}.w8k4t9r{background:linear-gradient(135deg,rgba(138,43,226,0.12),rgba(0,191,255,0.08));border:1px solid rgba(138,43,226,0.25);border-radius:16px;padding:3rem;margin-bottom:3rem;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.4);position:relative;overflow:hidden}.w8k4t9r::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,43,226,0.08),transparent 70%);animation:q2x7m9p 15s linear infinite}@keyframes q2x7m9p{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w8k4t9r h2{font-size:2rem;background:linear-gradient(135deg,#8a2be2,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-weight:900;position:relative;z-index:1}.w8k4t9r p{font-size:1rem;color:#b8c5d6;line-height:1.8;max-width:1000px;margin:0 auto;position:relative;z-index:1}.d5n8h3x{margin-bottom:3rem}.d5n8h3x h3{font-size:1.6rem;color:#8a2be2;margin-bottom:2rem;padding-left:1.5rem;border-left:5px solid #8a2be2;font-weight:800}.f9v6k2m{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.z4h9w7t{background:rgba(15,20,45,0.7);border:1px solid rgba(138,43,226,0.2);border-radius:12px;overflow:hidden;transition:all 0.4s;cursor:pointer;position:relative;box-shadow:0 5px 20px rgba(0,0,0,0.3)}.z4h9w7t::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(138,43,226,0.15),transparent);transition:left 0.7s}.z4h9w7t:hover::after{left:100%}.z4h9w7t:hover{transform:translateY(-8px) scale(1.02);border-color:#8a2be2;box-shadow:0 15px 45px rgba(138,43,226,0.3)}.p8x3v6q{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg,#1a1f3a,#0f1429)}.p8x3v6q img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s}.z4h9w7t:hover .p8x3v6q img{transform:scale(1.15) rotate(2deg)}.t2y7n5k{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#8a2be2,#00bfff);padding:0.45rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:700;color:#fff;box-shadow:0 4px 15px rgba(138,43,226,0.5);z-index:10}.c6m9x4v{padding:1.5rem}.c6m9x4v h4{font-size:1.2rem;color:#fff;margin-bottom:0.8rem;font-weight:700;transition:color 0.3s}.z4h9w7t:hover .c6m9x4v h4{color:#00bfff}.h5t8w2q{display:flex;gap:0.6rem;margin-bottom:0.8rem;flex-wrap:wrap}.h5t8w2q span{background:rgba(138,43,226,0.2);color:#00bfff;padding:0.35rem 0.9rem;border-radius:15px;font-size:0.75rem;border:1px solid rgba(138,43,226,0.35);font-weight:600;transition:all 0.3s}.h5t8w2q span:hover{background:rgba(138,43,226,0.35);transform:scale(1.08)}.c6m9x4v p{color:#b8c5d6;font-size:0.9rem;line-height:1.7}.j9k4n8x{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(184,197,214,0.15);font-size:0.8rem;color:#7b8a9e}.j9k4n8x .author{color:#00bfff;font-weight:700}.j9k4n8x .stats{display:flex;gap:1.2rem}.v7x2q9h{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.s3w6y8p{background:rgba(15,20,45,0.7);border:1px solid rgba(138,43,226,0.2);border-radius:12px;padding:1.8rem;transition:all 0.35s;cursor:pointer;position:relative;overflow:hidden}.s3w6y8p::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,#8a2be2,#00bfff);transition:height 0.4s}.s3w6y8p:hover::before{height:100%}.s3w6y8p:hover{transform:translateX(5px);border-color:#8a2be2;box-shadow:0 8px 30px rgba(138,43,226,0.25)}.s3w6y8p h4{font-size:1.15rem;color:#fff;margin-bottom:0.9rem;font-weight:700;transition:color 0.3s}.s3w6y8p:hover h4{color:#00bfff}.s3w6y8p p{color:#b8c5d6;font-size:0.9rem;line-height:1.7;margin-bottom:0.8rem}.meta-info{display:flex;justify-content:space-between;font-size:0.78rem;color:#7b8a9e;padding-top:0.8rem;border-top:1px solid rgba(184,197,214,0.12)}.meta-info .author{color:#8a2be2;font-weight:700}.b4n8x3m{background:rgba(10,14,39,0.95);padding:3rem 2rem;margin-top:4rem;border-top:1px solid rgba(138,43,226,0.3);box-shadow:0 -8px 30px rgba(0,0,0,0.4)}.g9p5t2w{max-width:1300px;margin:0 auto;text-align:center}.x6k9h4y{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.x6k9h4y a{color:#b8c5d6;text-decoration:none;font-size:0.92rem;font-weight:600;transition:all 0.3s;position:relative}.x6k9h4y a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#8a2be2;transition:width 0.3s}.x6k9h4y a:hover{color:#00bfff}.x6k9h4y a:hover::after{width:100%}.g9p5t2w p{color:#7b8a9e;font-size:0.85rem;line-height:1.8}@media (max-width:768px){.m6p9v4x{flex-direction:column;gap:0.8rem}.n7w3q8h{flex-direction:column;padding:1rem}.f9v6k2m,.v7x2q9h{grid-template-columns:1fr}.w8k4t9r{padding:2rem}.w8k4t9r h2{font-size:1.5rem}.r5t8y2k a{font-size:1.3rem}}