*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#272335;--bg-card:#323046;--text-primary:#fff;--text-secondary:#ccd5e0;--text-muted:#848bbd;--accent-pink:#ff7edb;--accent-yellow:#fede5d;--accent-cyan:#36f9f6;--accent-green:#00f1b7;--shadow:0 25px 50px -12px #00000040}body,html{margin:0;overflow-x:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#272335;background:var(--bg-main);color:#ccd5e0;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.my-container{background:radial-gradient(#fede5d,#fff3 2px,#0000 4px),radial-gradient(#36f9f6,#ffffff26 1px,#0000 3px),radial-gradient(#fe7edb,#ffffff1a 2px,#0000 0),radial-gradient(#ffffff1a,#ffffff1a 2px,#0000 0);background-color:#272335;background-color:var(--bg-main);background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:546px 540px,348px 350px,400px 250px,150px 150px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.card,.inside-article{background-color:#323046!important;background-color:var(--bg-card)!important;border:1px solid #0000;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow);margin-bottom:24px;padding:24px!important;transition:all .3s ease}.card,.card p,.inside-article,.inside-article p{color:#ccd5e0!important;color:var(--text-secondary)!important}.card h1,.card h2,.card h3,.inside-article h1,.inside-article h2,.inside-article h3{color:#fff!important;color:var(--text-primary)!important}.btn,.my-read-more{align-items:center;background-color:initial;border:1px solid #ff7edb;border:1px solid var(--accent-pink);border-radius:3px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.btn:hover,.my-read-more:hover{background-color:initial!important;border-color:#fede5d!important;border-color:var(--accent-yellow)!important;color:#fede5d!important;color:var(--accent-yellow)!important}.btn-primary{border-color:#ff7edb;border-color:var(--accent-pink)}.btn-primary:hover{border-color:#fede5d!important;border-color:var(--accent-yellow)!important;color:#fede5d!important;color:var(--accent-yellow)!important}.btn-secondary{border-color:#36f9f6;border-color:var(--accent-cyan)}.btn-secondary:hover{border-color:#fede5d!important;border-color:var(--accent-yellow)!important;color:#fede5d!important;color:var(--accent-yellow)!important}.access-btn{align-items:center;display:inline-flex;font-size:16px;gap:8px;padding:12px 24px}a{color:#36f9f6;color:var(--accent-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:#fede5d;color:var(--accent-yellow)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#272335f2;border-bottom:1px solid #ffffff0d;margin-bottom:32px;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main-navigation{margin-left:auto}.mobile-nav{display:none!important}.mobile-nav.active{animation:slideInRight .3s ease;background:#323046!important;background:var(--bg-card)!important;box-shadow:-5px 0 25px #0000004d!important;display:block!important;height:100vh!important;max-width:85%;overflow-y:auto!important;padding:80px 0 30px!important;position:fixed!important;right:0!important;top:0!important;width:280px;z-index:1002!important}.main-navigation ul{display:flex;gap:30px;justify-content:flex-end;list-style:none;margin:0;padding:0}.main-navigation li{margin:0}.main-navigation a{color:#fff;font-size:16px;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.main-navigation a:hover{color:#fede5d;color:var(--accent-yellow)}.main-navigation a:after{background:#fede5d;background:var(--accent-yellow);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-navigation a:hover:after{width:100%}.main-navigation .current-menu-item a{color:#fede5d;color:var(--accent-yellow)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:1005}.mobile-menu-toggle span{background:#fff;border-radius:2px;display:block;height:2px;margin:6px 0;transition:all .3s ease;width:24px}.mobile-menu-toggle.active span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{display:none}body.mobile-menu-open{overflow:hidden}@media (max-width:992px){.mobile-menu-toggle{display:block!important}.desktop-nav{display:none!important}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-menu-overlay{animation:fadeIn .3s ease;background:#00000080;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-nav.active ul{display:block!important;margin:0!important;padding:0!important}.mobile-nav.active li{animation:fadeInUp .4s ease forwards;display:block!important;margin:0!important;opacity:0}.mobile-nav.active li:first-child{animation-delay:.1s}.mobile-nav.active li:nth-child(2){animation-delay:.15s}.mobile-nav.active li:nth-child(3){animation-delay:.2s}.mobile-nav.active li:nth-child(4){animation-delay:.25s}.mobile-nav.active li:nth-child(5){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav.active a{border-bottom:1px solid #ffffff0d;color:#fff;display:block!important;font-size:18px!important;padding:18px 25px!important;position:relative;z-index:1003}.mobile-nav.active a:hover{background:#fede5d14;color:#fede5d!important;color:var(--accent-yellow)!important}.mobile-nav.active a:after{display:none}.sort-btn span{display:none!important}.sort-btn{min-width:36px;padding:8px!important}.sort-btn svg{margin:0!important}}@media (min-width:993px){.mobile-menu-toggle,.mobile-nav{display:none!important}.desktop-nav{display:block!important;position:static!important}}@media (min-width:1200px){.main-navigation ul{gap:30px}.main-navigation a{font-size:18px!important}}.site-logo{display:inline-block;padding:10px;position:relative}.site-logo a{color:#fff;display:block;font-size:26px;font-weight:700;text-decoration:none}.logo-part-yellow{color:#fede5d;color:var(--accent-yellow)}.logo-part-pink{color:#ff7edb;color:var(--accent-pink)}.logo-part-green{color:#00f1b7;color:var(--accent-green)}.logo-short{align-items:center;display:flex;font-size:26px}.logo-short span{display:inline-block;font-size:26px}.logo-full{animation:flicker 1.5s infinite alternate;color:#fff;left:10px;opacity:0;position:absolute;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 10px #fff,0 0 15px #fede5d,0 0 32px #fede5d,0 0 42px #fede5d,0 0 52px #fede5d,0 0 80px #fede5d;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 10px #fff,0 0 15px var(--accent-yellow),0 0 32px var(--accent-yellow),0 0 42px var(--accent-yellow),0 0 52px var(--accent-yellow),0 0 80px var(--accent-yellow);top:10px;transition:opacity .3s ease;white-space:nowrap}.site-logo:hover .logo-short{opacity:0}.site-logo:hover .logo-full{opacity:1}@keyframes flicker{0%,to{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 10px #fff,0 0 15px #fede5d,0 0 32px #fede5d,0 0 42px #fede5d,0 0 52px #fede5d,0 0 80px #fede5d;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 10px #fff,0 0 15px var(--accent-yellow),0 0 32px var(--accent-yellow),0 0 42px var(--accent-yellow),0 0 52px var(--accent-yellow),0 0 80px var(--accent-yellow)}50%{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 5px #fff,0 0 10px #fede5d,0 0 20px #fede5d,0 0 30px #fede5d,0 0 40px #fede5d,0 0 60px #fede5d;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 5px #fff,0 0 10px var(--accent-yellow),0 0 20px var(--accent-yellow),0 0 30px var(--accent-yellow),0 0 40px var(--accent-yellow),0 0 60px var(--accent-yellow)}}.page-title{color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:16px}.page-subtitle{color:#ccd5e0;color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.skill-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 0;transition:background .2s ease}.skill-item:hover{background:#ffffff05}.skill-title{color:#fff;color:var(--text-primary);font-weight:500}.skill-stats{align-items:center;color:#848bbd;color:var(--text-muted);display:flex;font-size:14px;gap:16px}.percentage-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:60px}.percentage-fill{background:linear-gradient(90deg,#36f9f6,#00f1b7);background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));height:100%}.category-card{cursor:pointer;transition:all .3s ease}.category-card:hover{border:1px solid #36f9f64d!important;transform:translateY(-2px)}.hoverable-card{transition:border-color .3s ease}.hoverable-card:hover{border:1px solid #36f9f64d!important}.category-name{color:#36f9f6!important;color:var(--accent-cyan)!important;font-weight:600}.category-badge{background:#00f1b726;border-radius:20px;color:#00f1b7;color:var(--accent-green);font-size:12px;font-weight:500;padding:4px 12px}.stat-card{background:#323046!important;background:var(--bg-card)!important;border:1px solid #36f9f64d!important;border-radius:12px!important;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow);padding:20px!important}.stat-number{color:#36f9f6!important;color:var(--accent-cyan)!important;font-size:2rem;margin-bottom:8px}.stat-label{color:#ccd5e0!important;color:var(--text-secondary)!important;font-size:.9rem}.stats-grid{grid-gap:16px;gap:16px;margin:20px 0}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.input:focus{border-color:#36f9f6;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #36f9f61a;outline:none}.input::placeholder,.loading{color:#848bbd;color:var(--text-muted)}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--accent-cyan);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#ff7edb1a;border:1px solid #ff7edb;border:1px solid var(--accent-pink);border-radius:8px;color:#ff7edb;color:var(--accent-pink);padding:16px}.tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#848bbd;color:var(--text-muted);cursor:pointer;padding:12px 20px;transition:all .3s ease}.tab:hover{color:#fff;color:var(--text-primary)}.tab.active{border-bottom-color:#36f9f6;border-bottom-color:var(--accent-cyan);color:#36f9f6;color:var(--accent-cyan)}.text-center{text-align:center}.text-muted{color:#848bbd;color:var(--text-muted)}.mb-4{margin-bottom:24px}.mt-4{margin-top:24px}.text-cyan{color:#36f9f6;color:var(--accent-cyan)}.text-pink{color:#ff7edb;color:var(--accent-pink)}.text-yellow{color:#fede5d;color:var(--accent-yellow)}.text-green{color:#00f1b7;color:var(--accent-green)}.info-card{padding:30px 20px;text-align:center}.info-card-icon{color:#36f9f6;color:var(--accent-cyan);margin-bottom:16px}.info-card h3{color:#fff;color:var(--text-primary);margin-bottom:12px}.info-card p{color:#848bbd;color:var(--text-muted);font-size:14px;line-height:1.6}@media (max-width:992px){.container{padding:0 15px}}@media (max-width:768px){body{font-size:14px}.container{padding:0 12px}.card,.inside-article{border-radius:.75rem;padding:15px!important}.btn,.my-read-more{font-size:12px;padding:8px 14px}.page-title,h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.stat-card{padding:15px}.stat-number{font-size:1.5rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{gap:15px;grid-template-columns:1fr}.logo-short,.site-logo a{font-size:22px}.logo-full{display:none}.site-logo:hover .logo-short{opacity:1}.skill-stats{font-size:12px;gap:8px}.percentage-bar{width:40px}.skill-title{font-size:13px}.btn-primary[style*="padding: 12px 24px"]{font-size:13px!important;padding:10px 16px!important}.sort-btn span{display:none!important}.sort-btn{min-width:auto;padding:8px 10px!important}.sort-label{display:none!important}.access-btn{font-size:13px!important;padding:10px 16px!important}.card h3{font-size:1rem!important}}@media (max-width:520px){.container{padding:0 10px}.card,.inside-article{margin-bottom:12px;padding:12px!important}.btn,.my-read-more{font-size:11px;padding:6px 10px}.page-title,h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.logo-short,.site-logo a{font-size:18px}.stats-grid{grid-template-columns:1fr}.input{font-size:13px;padding:10px 12px}}@media (max-width:360px){.btn,.my-read-more{font-size:10px;padding:5px 8px}.skill-stats{flex-wrap:wrap;gap:5px}}.admin-panel{margin:0 auto;max-width:1200px;padding:20px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-login{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:100px auto;max-width:400px;padding:20px}.login-form{display:flex;gap:10px;margin-top:20px}.login-form input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:10px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.stat-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.stat-number{color:#007bff;font-size:24px;font-weight:700;margin-top:10px}.stat-label{color:#6c757d;font-size:14px}.admin-table{border-collapse:collapse;margin-top:20px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.admin-table th{background:#f8f9fa;font-weight:600}.admin-table button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px}.admin-table button:disabled{cursor:not-allowed;opacity:.5}.admin-table button:hover:not(:disabled){background:#0056b3}.alert{border-radius:4px;margin-bottom:20px;padding:12px}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}