@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Syne:wght@400;600;700;800&display=swap";.portfolio-container{background:#111827;color:#fff}.navbar{position:fixed;top:0;width:100%;background:#0a0e1a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50;border-bottom:1px solid transparent;transition:all .4s ease}.navbar-scrolled{background:#0a0e1aeb;border-bottom:1px solid rgba(59,130,246,.2);box-shadow:0 4px 30px #0006}.nav-glow-line{height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),rgba(139,92,246,.4),transparent);opacity:0;transition:opacity .4s}.navbar-scrolled .nav-glow-line{opacity:1}.nav-inner{max-width:72rem;margin:auto;padding:0 24px}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:14px 0}.logo{font-size:20px;font-family:JetBrains Mono,Courier New,monospace;font-weight:700;color:#e2e8f0;cursor:pointer;letter-spacing:2px;transition:all .3s;-webkit-user-select:none;user-select:none}.logo:hover{color:#38bdf8}.logo-bracket{color:#3b82f6;font-weight:400;margin:0 2px;transition:color .3s}.logo:hover .logo-bracket{color:#a78bfa}.nav-menu{display:flex;align-items:center;gap:8px}.nav-button{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.78rem;padding:8px 14px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:5px;letter-spacing:.5px}.nav-button:hover{color:#e2e8f0;background:#ffffff0d}.nav-num{color:#3b82f6;font-size:.7rem}.nav-active{color:#38bdf8!important;background:#38bdf814!important}.nav-active .nav-num{color:#38bdf8}.nav-github-btn{margin-left:8px;padding:7px 16px;border:1px solid rgba(59,130,246,.4);border-radius:6px;color:#60a5fa;font-size:.78rem;font-family:JetBrains Mono,monospace;text-decoration:none;transition:all .2s}.nav-github-btn:hover{background:#3b82f61f;border-color:#60a5fa;color:#e2e8f0}.mobile-menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.1);color:#9ca3af;font-size:18px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{color:#fff;border-color:#ffffff4d}#home{background-image:url(/assets/CYBERNEX-Hh386ZLj.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,rgba(59,130,246,.18) 0%,transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(139,92,246,.12) 0%,transparent 50%),linear-gradient(to bottom,#0a0e1a8c,#0a0e1abf);pointer-events:none;z-index:0}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-particle{position:absolute;background:#60a5fa80;border-radius:50%;animation:heroFloat 4s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.3);opacity:.7}}.hero-content{position:relative;z-index:2;max-width:820px;text-align:center;padding:52px 60px;background:#0a0e1a80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.2);border-radius:20px;box-shadow:0 0 0 1px #3b82f60d,0 30px 80px #00000080,inset 0 1px #ffffff0d;animation:heroReveal .9s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(40px)}@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.78rem;font-family:JetBrains Mono,monospace;padding:5px 14px;border-radius:999px;margin-bottom:24px;animation:heroBadge .8s .3s ease forwards;opacity:0}@keyframes heroBadge{to{opacity:1}}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:heroPulse 1.5s ease-in-out infinite}@keyframes heroPulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.hero-title{font-family:Tahoma,sans-serif;font-weight:900;line-height:1;margin:0 0 20px;letter-spacing:4px;animation:heroReveal .9s .15s ease forwards;opacity:0}.hero-title-line1{display:block;font-size:clamp(52px,8vw,90px);color:transparent;-webkit-text-stroke:2px rgba(56,189,248,.9);text-shadow:0 0 60px rgba(56,189,248,.25)}.hero-title-line2{display:block;font-size:clamp(52px,8vw,90px);background:linear-gradient(135deg,#38bdf8,#818cf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle-wrap{font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(14px,2.2vw,18px);color:#94a3b8;margin-bottom:20px;min-height:28px;animation:heroReveal .9s .25s ease forwards;opacity:0}.hero-subtitle-prefix{color:#3b82f6}.hero-typing{color:#e2e8f0}.hero-cursor{color:#38bdf8;animation:heroBlink .8s step-end infinite}@keyframes heroBlink{50%{opacity:0}}.hero-description{font-size:clamp(14px,1.8vw,17px);color:#9ca3af;line-height:1.8;max-width:600px;margin:0 auto 28px;animation:heroReveal .9s .35s ease forwards;opacity:0}.hero-stats{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px;animation:heroReveal .9s .45s ease forwards;opacity:0}.hero-stat{text-align:center}.hero-stat-num{display:block;font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero-stat-lbl{display:block;font-size:.7rem;color:#6b7280;font-family:JetBrains Mono,monospace;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.hero-stat-divider{width:1px;height:36px;background:#ffffff1a}.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:36px;animation:heroReveal .9s .55s ease forwards;opacity:0}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;font-family:Tahoma,sans-serif;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #2563eb66}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #2563eb8c;background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-size:.95rem;font-weight:600;font-family:Tahoma,sans-serif;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-hero-secondary:hover{transform:translateY(-3px);border-color:#60a5fa;color:#60a5fa;background:#3b82f614;box-shadow:0 8px 25px #3b82f626}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:6px;animation:heroReveal .9s .7s ease forwards;opacity:0}.hero-scroll span{font-size:.68rem;color:#4b5563;font-family:JetBrains Mono,monospace;letter-spacing:1px;text-transform:uppercase}.hero-scroll-mouse{width:22px;height:36px;border:1.5px solid rgba(255,255,255,.15);border-radius:11px;display:flex;justify-content:center;padding-top:5px}.hero-scroll-wheel{width:3px;height:7px;background:#3b82f6;border-radius:2px;animation:heroScroll 1.5s ease-in-out infinite}@keyframes heroScroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}.section{padding:80px 20px;font-family:Tahoma}.section-container{max-width:72rem;margin:auto}.section-header{text-align:center;margin-bottom:52px}.section-tag{font-family:JetBrains Mono,monospace;font-size:.78rem;color:#3b82f6;margin:0 0 10px;letter-spacing:1px}.section-heading{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:#e2e8f0;margin:0;letter-spacing:1px}.section-heading-line{width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;margin:14px auto 0}.projects-section{background:#0d1117;position:relative;overflow:hidden}.projects-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.projects-bg-blob{position:absolute;border-radius:50%}.projects-bg-blob-1{width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,rgba(59,130,246,.07) 0%,transparent 70%)}.projects-bg-blob-2{width:500px;height:500px;bottom:-150px;right:-80px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.project-card{background:#111827cc;border:1px solid rgba(55,65,81,.8);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.2,.64,1);display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card:hover{transform:translateY(-10px);border-color:#3b82f680;box-shadow:0 20px 50px #0006,0 0 0 1px #3b82f61a,0 0 30px #3b82f614}.project-card-accent{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s}.project-card:hover .project-card-accent{opacity:1}.project-content{padding:28px 24px;flex:1;display:flex;flex-direction:column;gap:12px}.project-num{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#3b82f680;letter-spacing:1px}.project-title{color:#e2e8f0;font-size:1.3rem;font-weight:700;margin:0;transition:color .2s}.project-card:hover .project-title{color:#60a5fa}.project-description{color:#6b7280;font-size:.92rem;line-height:1.7;margin:0;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project-tag{background:#3b82f614;color:#93c5fd;font-size:.75rem;padding:4px 12px;border-radius:999px;border:1px solid rgba(59,130,246,.2);font-family:JetBrains Mono,monospace;transition:all .2s}.project-tag:hover{background:#3b82f626;border-color:#3b82f666;color:#bfdbfe}.project-link{display:inline-flex;align-items:center;gap:6px;color:#3b82f6;font-size:.85rem;font-weight:600;text-decoration:none;margin-top:8px;transition:all .2s;font-family:JetBrains Mono,monospace}.project-link:hover{color:#60a5fa}.project-link-arrow{transition:transform .2s;display:inline-block}.project-link:hover .project-link-arrow{transform:translate(3px,-3px)}.projects-empty{text-align:center;padding:80px 20px}.projects-empty-icon{font-size:3.5rem;font-family:JetBrains Mono,monospace;color:#3b82f633;margin-bottom:24px}.projects-empty h3{color:#60a5fa;font-size:1.6rem;margin-bottom:12px}.projects-empty p{color:#6b7280;font-size:1rem}.contact-section{background:#080c14;position:relative;overflow:hidden}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.contact-bg-blob{position:absolute;border-radius:50%}.contact-bg-blob-1{width:500px;height:500px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%)}.contact-bg-blob-2{width:400px;height:400px;bottom:-80px;left:-60px;background:radial-gradient(circle,rgba(59,130,246,.07) 0%,transparent 70%)}.contact-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;position:relative;z-index:1}.contact-heading-accent{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{color:#6b7280;font-size:.95rem;line-height:1.8;margin-bottom:32px}.contact-info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.contact-info-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-decoration:none;transition:all .2s}.contact-info-item:hover{background:#3b82f60d;border-color:#3b82f633;transform:translate(6px)}.contact-info-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.email-icon{background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.phone-icon{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.2)}.loc-icon{background:#60a5fa1f;color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.contact-info-label{display:block;font-size:.68rem;color:#4b5563;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.contact-info-value{display:block;font-size:.88rem;color:#d1d5db;font-weight:500}.contact-social-label{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#4b5563;letter-spacing:1px;margin-bottom:12px}.contact-social-btns{display:flex;gap:10px;flex-wrap:wrap}.contact-social-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .25s;border:1px solid transparent}.tg-btn{background:#0088cc1f;color:#38bdf8;border-color:#0088cc40}.tg-btn:hover{background:#08c;color:#fff;transform:translateY(-2px)}.ig-btn{background:#dc27431a;color:#f87171;border-color:#dc274333}.ig-btn:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);color:#fff;border-color:transparent;transform:translateY(-2px)}.li-btn{background:#0a66c21f;color:#60a5fa;border-color:#0a66c240}.li-btn:hover{background:#0a66c2;color:#fff;transform:translateY(-2px)}.contact-form-card{background:#111827e6;border:1px solid rgba(55,65,81,.8);border-radius:20px;padding:36px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.contact-form-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,#8b5cf6,transparent);border-radius:0 0 4px 4px}.contact-form-header{margin-bottom:28px}.contact-form-header h3{font-size:1.3rem;font-weight:700;color:#e2e8f0;margin:0 0 6px}.contact-form-header p{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#4b5563;margin:0}.cf-group{margin-bottom:20px}.cf-group label{display:block;margin-bottom:7px;color:#6b7280;font-size:.75rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.cf-group input,.cf-group textarea{width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e2e8f0;font-size:.92rem;font-family:Tahoma,sans-serif;transition:all .2s;box-sizing:border-box;resize:vertical}.cf-group textarea{min-height:130px}.cf-group input:focus,.cf-group textarea:focus{outline:none;border-color:#3b82f680;background:#3b82f60a;box-shadow:0 0 0 3px #3b82f61a}.cf-group input::placeholder,.cf-group textarea::placeholder{color:#374151}.cf-submit{width:100%;padding:14px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;font-family:Tahoma,sans-serif;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.cf-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #2563eb66;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.cf-submit:disabled{opacity:.5;cursor:not-allowed}.cf-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cfSpin .7s linear infinite;display:inline-block}@keyframes cfSpin{to{transform:rotate(360deg)}}.contact-success{text-align:center;padding:40px 20px}.contact-success-ring{width:72px;height:72px;border-radius:50%;background:#10b9811a;border:2px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#10b981;margin:0 auto 20px;animation:successPop .5s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.contact-success h4{color:#e2e8f0;font-size:1.3rem;margin-bottom:8px}.contact-success p{color:#6b7280;font-size:.9rem;margin-bottom:20px}.contact-success-btn{padding:10px 24px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa;border-radius:8px;cursor:pointer;font-size:.88rem;transition:all .2s}.contact-success-btn:hover{background:#3b82f633}@media (max-width: 900px){.contact-wrap{grid-template-columns:1fr;gap:48px}.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.nav-menu{display:none;position:absolute;top:60px;right:0;background:#0a0e1afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:240px;flex-direction:column;padding:16px;border:1px solid rgba(59,130,246,.15);border-radius:0 0 12px 12px;gap:4px}.nav-menu.mobile-open{display:flex}.nav-github-btn{margin-left:0;margin-top:8px;text-align:center}.hero-content{padding:36px 24px;margin:0 16px}.hero-title-line1,.hero-title-line2{font-size:48px!important}.hero-stats{gap:12px}.hero-stat-num{font-size:1.4rem}}@media (max-width: 600px){.contact-form-card{padding:24px 20px}.contact-social-btns{gap:8px}.contact-social-btn{padding:8px 14px;font-size:.78rem}}@media (max-width: 480px){.hero-buttons{flex-direction:column;align-items:center}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}}.lang-dropdown-wrap{position:relative;margin-left:8px}.lang-dropdown-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#ffffff0a;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#93c5fd;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.lang-dropdown-btn:hover{background:#3b82f61a;border-color:#3b82f680;color:#e2e8f0}.lang-flag{font-size:1rem;line-height:1}.lang-current{color:#e2e8f0}.lang-arrow{font-size:.65rem;color:#6b7280;transition:transform .2s;display:inline-block}.lang-arrow.open{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#0a0e1afa;border:1px solid rgba(59,130,246,.2);border-radius:10px;overflow:hidden;min-width:140px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000080,0 0 0 1px #3b82f60d;animation:langMenuOpen .18s cubic-bezier(.34,1.2,.64,1) forwards;z-index:100}@keyframes langMenuOpen{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:.82rem;cursor:pointer;transition:all .15s;text-align:left}.lang-dropdown-item:hover{background:#3b82f614;color:#e2e8f0}.lang-dropdown-item.active{background:#3b82f61a;color:#60a5fa}.lang-dropdown-item+.lang-dropdown-item{border-top:1px solid rgba(255,255,255,.04)}.lang-check{margin-left:auto;color:#3b82f6;font-size:.75rem}@media (max-width: 768px){.lang-dropdown-wrap{margin-left:0;margin-top:8px;width:100%}.lang-dropdown-btn{width:100%;justify-content:center}.lang-dropdown-menu{left:0;right:0;min-width:unset}}@media (max-width: 480px){.hero{padding-top:70px}.hero-content{padding:28px 16px;margin:0 8px;border-radius:14px}.hero-title-line1,.hero-title-line2{font-size:36px!important;letter-spacing:2px}.hero-description{font-size:13px}.hero-stats{flex-direction:column;gap:8px;align-items:center}.hero-stat-divider{width:60px;height:1px}.hero-badge{font-size:.7rem;padding:4px 10px}}@media (max-width: 640px){.section{padding:60px 16px}.section-heading{font-size:1.7rem}.section-header{margin-bottom:36px}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr;gap:16px}.project-content{padding:20px 16px}.project-title{font-size:1.1rem}}@media (max-width: 640px){.contact-wrap{gap:36px}.contact-form-card{padding:20px 16px;border-radius:14px}.contact-form-header h3{font-size:1.1rem}.contact-info-item{padding:12px 14px;gap:12px}.contact-info-icon{width:36px;height:36px;font-size:1rem}.contact-social-btns{gap:8px}.contact-social-btn{padding:8px 12px;font-size:.76rem}}@media (max-width: 360px){.nav-inner{padding:0 12px}.logo{font-size:16px;letter-spacing:1px}}body,html{overflow-x:hidden}.portfolio-container{overflow-x:hidden;width:100%}.nav-content{background:#111827a6!important;border:1px solid rgba(56,189,248,.12)!important;border-radius:16px!important;padding:8px 20px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin:10px 0!important;transition:all .3s ease!important}@media (max-width: 768px){.nav-inner{padding:0 12px!important}.nav-content{border-radius:12px!important;padding:8px 14px!important;margin:8px 0!important}.nav-menu.mobile-open{position:fixed!important;top:72px!important;left:12px!important;right:12px!important;width:auto!important;border-radius:14px!important;background:#0a0e1afa!important;border:1px solid rgba(56,189,248,.2)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;padding:16px!important;z-index:200!important}}.projects-new-grid{display:flex;flex-direction:column;gap:80px}.pnew-card{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;animation:pnewFadeUp .5s ease both}@keyframes pnewFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.pnew-card:nth-child(2n){direction:rtl}.pnew-card:nth-child(2n)>*{direction:ltr}.pnew-mockup{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 24px 48px rgba(0,0,0,.6))}.pnew-screen{width:100%;border-radius:10px 10px 0 0;border:2px solid #1e293b;background:#0d1120;overflow:hidden;position:relative}.pnew-screen__bar{height:24px;background:#1e293b;display:flex;align-items:center;padding-left:10px;gap:5px;flex-shrink:0}.pnew-screen__bar span{width:8px;height:8px;border-radius:50%;background:#374151}.pnew-screen__bar span:nth-child(1){background:#ef4444}.pnew-screen__bar span:nth-child(2){background:#f59e0b}.pnew-screen__bar span:nth-child(3){background:#22c55e}.pnew-screen__content{aspect-ratio:16/9;overflow:hidden;position:relative}.pnew-screen__img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.pnew-card:hover .pnew-screen__img{transform:scale(1.03)}.pnew-screen__ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:900;color:#38bdf826;font-family:Tahoma,sans-serif}.pnew-base{width:100%;height:12px;background:linear-gradient(180deg,#1e293b,#0f172a);border-radius:0 0 4px 4px}.pnew-stand{width:28%;height:18px;background:#1e293b;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.pnew-foot{width:48%;height:5px;background:#1e293b;border-radius:4px}.pnew-info{padding:8px 0}.pnew-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#e2e8f0;margin:0 0 12px;font-family:Tahoma,sans-serif;transition:color .2s}.pnew-card:hover .pnew-title{color:#38bdf8}.pnew-desc{color:#64748b;font-size:.95rem;line-height:1.75;margin:0 0 14px}.pnew-type{display:inline-block;background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:#38bdf8;font-size:.72rem;padding:3px 12px;border-radius:999px;font-family:JetBrains Mono,monospace;margin-bottom:10px}.pnew-link{display:inline-flex;align-items:center;gap:5px;color:#38bdf8;font-size:.88rem;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s;margin-top:10px;font-family:JetBrains Mono,monospace}.pnew-link:hover{border-color:#38bdf8}.faq-section{background:#080c14;padding:90px 20px}.faq-heading{font-size:clamp(1.6rem,3vw,2.4rem)!important;line-height:1.3}.faq-heading-accent{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.faq-list{max-width:820px;margin:0 auto}.faq-item{border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:border-color .2s,background .2s;overflow:hidden;background:#ffffff05}.faq-item:hover{border-color:#38bdf833}.faq-item--open{border-color:#38bdf840!important;background:#38bdf80a!important}.faq-item__q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:.97rem;font-weight:600;color:#e2e8f0;font-family:Tahoma,sans-serif}.faq-item--open .faq-item__q{color:#38bdf8}.faq-item__icon{flex-shrink:0;color:#38bdf8;opacity:.8}.faq-item__a{padding:0 20px 18px;font-size:.9rem;color:#64748b;line-height:1.75;font-family:Tahoma,sans-serif;animation:faqOpen .2s ease}@keyframes faqOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nav-inner{padding:0 16px!important}.nav-content{background:#111827a6!important;border:1px solid rgba(56,189,248,.13)!important;border-radius:16px!important;padding:8px 20px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin:10px 0!important;transition:all .3s ease!important}.navbar-scrolled .nav-content{background:#0a0e1aed!important;border-color:#38bdf838!important;box-shadow:0 6px 28px #00000073!important}.navbar{background:transparent!important;border-bottom:none!important;box-shadow:none!important}.navbar-scrolled{background:transparent!important;border-bottom:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (max-width: 768px){.nav-inner{padding:0 12px!important}.nav-content{border-radius:12px!important;padding:8px 14px!important;margin:8px 0!important}.nav-menu.mobile-open{position:fixed!important;top:72px!important;left:12px!important;right:12px!important;width:auto!important;border-radius:14px!important;background:#0a0e1afa!important;border:1px solid rgba(56,189,248,.2)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;padding:16px!important;z-index:200!important}.pnew-card{grid-template-columns:1fr;gap:24px;direction:ltr!important}.pnew-card:nth-child(2n){direction:ltr}}@media (max-width: 640px){.faq-section{padding:60px 16px}.faq-item__q{font-size:.88rem;padding:15px 16px}}.about-section{background:#0a0e1a;padding:90px 24px;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(56,189,248,.05) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(129,140,248,.04) 0%,transparent 50%);pointer-events:none}.about-container{max-width:1280px;margin:0 auto;position:relative;z-index:1}.about-header{text-align:center;margin-bottom:60px}.about-tag{font-family:JetBrains Mono,monospace;font-size:.78rem;color:#3b82f6;margin:0 0 10px;letter-spacing:1px}.about-heading{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:#e2e8f0;margin:0;letter-spacing:.5px;font-family:Tahoma,sans-serif}.about-heading-accent{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-heading-line{width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;margin:14px auto 0}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.about-card{cursor:pointer;transition:transform .25s}.about-card:hover{transform:translateY(-6px)}.about-card__img-wrap{position:relative;width:100%;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#111827;margin-bottom:14px}.about-card__img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease,filter .3s;display:block}.about-card:hover .about-card__img{transform:scale(1.04);filter:brightness(.7)}.about-card__img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#38bdf8;background:linear-gradient(135deg,#38bdf81a,#818cf814)}.about-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,14,26,.85) 0%,transparent 50%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px}.about-card:hover .about-card__overlay{opacity:1}.about-card__overlay-socials{display:flex;gap:10px}.about-ov-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);transition:transform .2s,background .2s}.about-ov-btn:hover{transform:scale(1.15)}.about-ov-btn.ig{background:#e1306cb3}.about-ov-btn.tg{background:#0088ccb3}.about-ov-btn.li{background:#0a66c2b3}.about-card__info{padding:0 4px}.about-card__name{font-size:1rem;font-weight:700;color:#e2e8f0;margin:0 0 4px;font-family:Tahoma,sans-serif;transition:color .2s}.about-card:hover .about-card__name{color:#38bdf8}.about-card__role{font-size:.8rem;color:#64748b;margin:0 0 12px;font-family:JetBrains Mono,monospace}.about-card__socials{display:flex;gap:8px}.about-social{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;transition:transform .2s,opacity .2s;color:#fff;opacity:.85}.about-social:hover{transform:scale(1.15);opacity:1}.about-social.ig{background:#e1306c}.about-social.tg{background:#08c}.about-social.li{background:#0077b5}@media (max-width: 1024px){.about-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.about-grid{grid-template-columns:repeat(2,1fr);gap:16px}.about-section{padding:60px 16px}}@media (max-width: 480px){.about-grid{grid-template-columns:repeat(2,1fr);gap:12px}.about-heading{font-size:1.5rem}}.login-page{min-height:100vh;background:#0a0e1a;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.06) 0%,transparent 70%);top:-100px;left:-100px;pointer-events:none}.login-page:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.05) 0%,transparent 70%);bottom:-80px;right:-80px;pointer-events:none}.login-card{background:#111827;border:1px solid #1e2d45;border-radius:20px;padding:48px 44px;width:100%;max-width:420px;position:relative;z-index:1;box-shadow:0 25px 60px #00000080}.login-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#818cf8,transparent);border-radius:0 0 4px 4px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,#38bdf826,#818cf826);border:1px solid rgba(56,189,248,.25);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.5rem}.login-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.login-sub{color:#64748b;font-size:.75rem;font-family:JetBrains Mono,monospace;letter-spacing:.5px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-label{font-size:.68rem;font-family:JetBrains Mono,monospace;color:#64748b;letter-spacing:1px}.login-input-wrap{position:relative}.login-input{width:100%;background:#0a0e1a;border:1px solid #1e2d45;color:#e2e8f0;padding:12px 16px;border-radius:10px;font-family:Syne,sans-serif;font-size:.92rem;transition:all .2s;box-sizing:border-box}.login-input::placeholder{color:#374151}.login-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf814}.login-btn{width:100%;padding:13px;margin-top:8px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:10px;color:#0a0e1a;font-family:Syne,sans-serif;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38bdf84d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;padding:10px 14px;border-radius:8px;font-size:.82rem;font-family:JetBrains Mono,monospace;margin-bottom:16px;text-align:center}.login-footer{text-align:center;margin-top:24px;color:#374151;font-size:.72rem;font-family:JetBrains Mono,monospace}.login-spinner{width:16px;height:16px;border:2px solid rgba(10,14,26,.3);border-top-color:#0a0e1a;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-input-pass{padding-right:44px}.login-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#374151;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s;line-height:1}.login-eye-btn:hover{color:#38bdf8}.ac-contact{padding:0}.ac-contact-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.4rem;gap:1rem}.ac-contact-title{font-size:1.2rem;font-weight:800;color:#e2e8f0;display:flex;align-items:center;gap:8px}.ac-contact-title-icon{font-size:1.1rem}.ac-contact-sub{font-size:.72rem;color:#64748b;font-family:JetBrains Mono,monospace;margin-top:3px}.ac-contact-refresh{background:#38bdf812;border:1px solid rgba(56,189,248,.2);color:#38bdf8;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ac-contact-refresh:hover{background:#38bdf826;transform:rotate(90deg)}.ac-contact-error{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;border-radius:10px;padding:12px 16px;font-size:.82rem;display:flex;align-items:center;gap:12px;margin-bottom:1rem}.ac-contact-error button{margin-left:auto;background:#f8717126;border:1px solid rgba(248,113,113,.3);color:#f87171;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.78rem;font-family:Syne,sans-serif}.ac-contact-loading{display:flex;align-items:center;gap:10px;color:#64748b;font-size:.85rem;padding:2rem 0}.ac-contact-spinner{width:18px;height:18px;border:2px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:ac-spin .7s linear infinite}@keyframes ac-spin{to{transform:rotate(360deg)}}.ac-contact-empty{text-align:center;padding:4rem 1rem;color:#64748b}.ac-contact-empty-icon{font-size:2.5rem;margin-bottom:.8rem}.ac-contact-empty p{font-size:.85rem;font-family:JetBrains Mono,monospace}.ac-contact-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #1e2d45}.ac-contact-table{width:100%;border-collapse:collapse;font-size:.83rem}.ac-contact-table thead tr{background:#ffffff08;border-bottom:1px solid #1e2d45}.ac-contact-table th{padding:10px 14px;text-align:left;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;letter-spacing:1.5px;color:#64748b;text-transform:uppercase;white-space:nowrap}.ac-contact-row{border-bottom:1px solid rgba(30,45,69,.6);transition:background .15s}.ac-contact-row:last-child{border-bottom:none}.ac-contact-row:hover{background:#38bdf80a}.ac-contact-table td{padding:11px 14px;vertical-align:middle;color:#cbd5e1}.ac-contact-num{color:#475569!important;font-family:JetBrains Mono,monospace;font-size:.75rem!important;width:36px}.ac-contact-name{font-weight:700;color:#e2e8f0!important}.ac-contact-link{color:#38bdf8;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:color .15s}.ac-contact-link:hover{color:#7dd3fc;text-decoration:underline}.ac-contact-link.tg{color:#34d399}.ac-contact-link.tg:hover{color:#6ee7b7}.ac-contact-none{color:#475569;font-family:JetBrains Mono,monospace}.ac-contact-msg-preview{color:#94a3b8!important;font-size:.8rem!important;max-width:200px}.ac-contact-date{color:#475569!important;font-family:JetBrains Mono,monospace;font-size:.72rem!important;white-space:nowrap}.ac-contact-eye{background:#38bdf812;border:1px solid rgba(56,189,248,.2);color:#38bdf8;width:32px;height:32px;border-radius:7px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .18s}.ac-contact-eye:hover{background:#38bdf826;transform:scale(1.1)}.ac-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:ac-fade-in .18s ease}@keyframes ac-fade-in{0%{opacity:0}to{opacity:1}}.ac-modal{background:#111827;border:1px solid #1e2d45;border-radius:16px;padding:1.8rem;width:100%;max-width:480px;position:relative;animation:ac-slide-up .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 60px #0009}@keyframes ac-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ac-modal-close{position:absolute;top:14px;right:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#64748b;width:30px;height:30px;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.ac-modal-close:hover{background:#f871711a;color:#f87171;border-color:#f8717133}.ac-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:1.4rem}.ac-modal-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#38bdf8,#818cf8);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;flex-shrink:0}.ac-modal-name{font-size:1.1rem;font-weight:800;color:#e2e8f0}.ac-modal-id{font-family:JetBrains Mono,monospace;font-size:.68rem;color:#64748b}.ac-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.4rem}.ac-modal-field{background:#ffffff08;border:1px solid #1e2d45;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:5px}.ac-modal-field--full{grid-column:1 / -1}.ac-modal-label{font-family:JetBrains Mono,monospace;font-size:.62rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.ac-modal-field span:last-child,.ac-modal-field a{font-size:.85rem;color:#cbd5e1}.ac-modal-message{font-size:.85rem;color:#94a3b8;line-height:1.6;word-break:break-word}.ac-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;border-top:1px solid #1e2d45;padding-top:1rem}.ac-modal-delete{background:#f8717114;border:1px solid rgba(248,113,113,.25);color:#f87171;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .2s}.ac-modal-delete:hover{background:#f871712e}.ac-modal-delete:disabled{opacity:.5;cursor:not-allowed}.ac-modal-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s}.ac-modal-cancel:hover{background:#ffffff17;color:#e2e8f0}@media (max-width: 640px){.ac-contact-table th:nth-child(4),.ac-contact-table td:nth-child(4),.ac-contact-table th:nth-child(5),.ac-contact-table td:nth-child(5){display:none}.ac-modal-fields{grid-template-columns:1fr}.ac-modal-field--full{grid-column:1}.ac-modal{padding:1.3rem}}.di-input{width:100%;background:#0f172a!important;border:1px solid #1e2d45!important;border-radius:8px;padding:12px 16px;color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .3s ease;outline:none}.di-input:focus{border-color:#38bdf8!important;box-shadow:0 0 15px #38bdf826}.di-area{min-height:120px;resize:vertical}.modal-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{position:relative;background:#111827;border:1px solid #1e2d45;width:95%;max-width:650px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-scroll-area{padding:24px;overflow-y:auto;flex:1}@media (max-width: 640px){.modal-card{width:100%;height:100%;max-height:100vh;border-radius:0}.form-grid{grid-template-columns:1fr!important}.hide-mobile{display:none}.modal-scroll-area{padding:16px 16px 100px}}.lang-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#0f172a;padding:4px;border-radius:10px;margin-bottom:20px}.lang-tabs button{padding:10px;border:none;background:transparent;color:#64748b;font-weight:700;cursor:pointer;border-radius:6px;transition:.2s}.lang-tabs button.active{background:#1e293b;color:#38bdf8}.upload-zone{border:2px dashed #1e2d45;border-radius:12px;padding:24px;text-align:center;margin-bottom:20px;cursor:pointer;transition:.3s}.upload-zone:hover{border-color:#38bdf8;background:#38bdf805}.upload-zone.has-file{border-style:solid;border-color:#38bdf8}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.icon{font-size:2.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:11px;text-transform:uppercase;color:#64748b;margin-bottom:6px;letter-spacing:1px;font-family:JetBrains Mono,monospace}.settings-panel{display:flex;flex-wrap:wrap;gap:12px;background:#0f172a;padding:16px;border-radius:10px;margin-top:10px}.switch-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:#94a3b8}.switch-item input{accent-color:#38bdf8;width:18px;height:18px}.title-gradient{background:linear-gradient(to right,#fff,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.upload-zone.video-upload{margin-bottom:0}.modal-header-new{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #1e2d45;background:#111827}.modal-title-new{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.close-x-btn-new{background:none;border:none;color:#64748b;font-size:1.8rem;line-height:1;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s}.close-x-btn-new:hover{color:#f87171;background:#f871711a}.modal-footer-new{padding:20px 24px;border-top:1px solid #1e2d45;background:#111827;display:flex;justify-content:flex-end;gap:12px}.btn-cancel-new{padding:10px 20px;background:transparent;color:#94a3b8;border:1px solid #1e2d45;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s}.btn-cancel-new:hover{background:#1e2937;border-color:#334155}.btn-save-new{padding:10px 28px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #38bdf84d;transition:all .3s}.btn-save-new:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf866}.empty-state-centered{display:flex;justify-content:center;align-items:center;min-height:400px;color:#64748b;font-family:JetBrains Mono,monospace;font-size:1rem;text-align:center}.new-btn{background:linear-gradient(90deg,#38bdf8,#0ea5e9);padding:10px 20px;border-radius:8px;font-weight:600;box-shadow:0 4px 15px #38bdf840}.new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.blog-header-section{padding:24px 0;display:flex;flex-direction:column;gap:16px}.blog-header-top{display:flex;flex-direction:column;gap:4px}.blog-title-white{color:#fff!important;font-size:1.75rem;font-weight:700;margin:0;background:none;-webkit-text-fill-color:#ffffff}.subtitle{color:#64748b;margin:0;font-family:JetBrains Mono,monospace;font-size:.95rem}.new-add-btn{align-self:flex-start;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #38bdf84d;transition:all .3s ease}.new-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38bdf866}.empty-state-centered{display:flex;justify-content:center;align-items:center;min-height:420px;color:#64748b;font-family:JetBrains Mono,monospace;font-size:1.05rem}.blog-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.blog-card{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;transition:border-color .2s}.blog-card:hover{border-color:#38bdf8}.blog-card-content{flex:1}.blog-type{color:#38bdf8;font-size:.85rem;font-family:JetBrains Mono,monospace}.blog-date{color:#64748b;font-size:.8rem;margin-top:4px}.blog-actions{display:flex;gap:8px}.btn-edit,.btn-delete{padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;border:none}.btn-edit{background:#1e2937;color:#38bdf8}.btn-delete{background:#1e2937;color:#f87171}.btn-edit:hover{background:#334155}.btn-delete:hover{background:#431e2a}.blog-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.blog-card{background:#111827;border:1px solid #1e2d45;border-radius:12px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.blog-card:hover{border-color:#38bdf8;box-shadow:0 4px 15px #38bdf81a}.blog-card-content h3{margin:0 0 8px;font-size:1.1rem;color:#e2e8f0}.di-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.di-tag{font-size:.75rem;padding:3px 10px;border-radius:9999px;font-family:JetBrains Mono,monospace}.di-tag-blue{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.di-tag-green{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.3)}.di-text{color:#64748b;font-size:.85rem;line-height:1.5}.di-actions{display:flex;gap:8px}.di-btn-icon{width:36px;height:36px;border-radius:8px;background:#1a2235;border:1px solid #1e2d45;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.di-btn-icon:hover{color:#38bdf8;border-color:#38bdf8;background:#38bdf81a}.di-btn-icon.danger:hover{color:#f87171;border-color:#f87171;background:#f871711a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ac-layout{background:#0a0e1a;color:#e2e8f0;min-height:100vh;display:flex;flex-direction:column;font-family:Syne,sans-serif}.ac-nav{background:#111827;border-bottom:1px solid #1e2d45;padding:0 1.2rem;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;flex-wrap:nowrap;gap:8px}.ac-nav-brand{font-size:1rem;font-weight:800;letter-spacing:1px;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;flex-shrink:0}.ac-nav-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.ac-badge{background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:#38bdf8;padding:3px 10px;border-radius:20px;font-size:.68rem;font-family:JetBrains Mono,monospace;white-space:nowrap}.ac-logout{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:#f87171;padding:6px 12px;border-radius:8px;cursor:pointer;font-family:Syne,sans-serif;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:5px;transition:all .2s;white-space:nowrap}.ac-logout:hover{background:#f8717126}.ac-body{display:flex;flex:1;min-height:0;position:relative}.ac-side{width:200px;min-width:200px;background:#111827;border-right:1px solid #1e2d45;padding:1.2rem 0;flex-shrink:0;overflow-y:auto}.ac-side-label{font-size:.6rem;font-family:JetBrains Mono,monospace;color:#64748b;letter-spacing:2px;padding:0 1rem;margin-bottom:6px;margin-top:1rem}.ac-side-label:first-child{margin-top:0}.ac-side-btn{display:flex;align-items:center;gap:9px;padding:10px 1rem;color:#64748b;font-size:.85rem;font-weight:600;font-family:Syne,sans-serif;transition:all .18s;border:none;border-left:3px solid transparent;background:none;width:100%;text-align:left;cursor:pointer;white-space:nowrap}.ac-side-btn:hover{color:#e2e8f0;background:#ffffff08}.ac-side-btn.active{color:#38bdf8;background:#38bdf812;border-left-color:#38bdf8}.ac-main{flex:1;padding:1.5rem;overflow-y:auto;min-width:0}.ac-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1rem;text-align:center;padding:0 16px}.ac-welcome-icon{font-size:3rem;margin-bottom:.5rem}.ac-welcome h2{font-size:1.5rem;font-weight:800;color:#e2e8f0}.ac-welcome p{color:#64748b;font-family:JetBrains Mono,monospace;font-size:.78rem}.ac-welcome-btns{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.ac-welcome-btn{background:#38bdf814;border:1px solid rgba(56,189,248,.2);color:#38bdf8;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.ac-welcome-btn:hover{background:#38bdf826;transform:translateY(-2px)}.ac-hamburger{display:none;background:none;border:1px solid rgba(56,189,248,.25);color:#38bdf8;width:36px;height:36px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .2s}.ac-hamburger:hover{background:#38bdf81a}.ac-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ac-overlay.visible{display:block}@media (max-width: 900px){.ac-side{width:170px;min-width:170px}.ac-side-btn{font-size:.8rem;padding:9px .8rem}.ac-main{padding:1.2rem}}@media (max-width: 640px){.ac-nav{padding:0 1rem}.ac-nav-brand{font-size:.82rem;letter-spacing:.5px}.ac-badge,.ac-logout span{display:none}.ac-logout{padding:6px 10px}.ac-hamburger{display:flex}.ac-body{position:relative}.ac-side{position:fixed;top:58px;left:-220px;bottom:0;width:220px;min-width:220px;z-index:45;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #00000080}.ac-side.open{left:0}.ac-main{padding:1rem}.ac-welcome h2{font-size:1.2rem}.ac-welcome p{font-size:.72rem}.ac-welcome-btn{font-size:.78rem;padding:7px 12px}}@media (max-width: 400px){.ac-nav-brand{font-size:.72rem}.ac-main{padding:.75rem}}.blog-page{background:#0a0e1a;min-height:100vh}.blog-hero{position:relative;padding:140px 24px 90px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.04)}.blog-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 65% at 50% 0%,rgba(56,189,248,.07) 0%,transparent 70%);pointer-events:none}.blog-hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-hero__particle{position:absolute;border-radius:50%;background:#38bdf866;animation:blogFloat linear infinite}@keyframes blogFloat{0%{transform:translateY(0);opacity:.4}50%{opacity:.8}to{transform:translateY(-80px);opacity:0}}.blog-hero__content{position:relative;z-index:1}.blog-hero__badge{display:inline-flex;align-items:center;gap:8px;background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:999px;padding:6px 16px;font-size:13px;color:#38bdf8;margin-bottom:20px;font-family:JetBrains Mono,monospace}.blog-hero__dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;animation:blogBlink 1.5s ease infinite}@keyframes blogBlink{0%,to{opacity:1}50%{opacity:.3}}.blog-hero__title{font-size:clamp(44px,7vw,76px);font-weight:800;letter-spacing:4px;margin:0 0 18px;line-height:1;color:#e2e8f0;font-family:Tahoma,sans-serif}.blog-accent{color:#38bdf8}.blog-hero__sub{color:#64748b;font-size:16px;max-width:500px;margin:0 auto;font-family:JetBrains Mono,monospace}.blog-filter-wrap{position:sticky;top:64px;z-index:50;background:#0a0e1af7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}.blog-filter{max-width:780px;margin:0 auto;padding:14px 24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.blog-filter__cats{display:flex;gap:6px;overflow-x:auto;flex-shrink:1}.blog-filter__cats::-webkit-scrollbar{display:none}.blog-cat{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#64748b;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s;font-family:JetBrains Mono,monospace;flex-shrink:0}.blog-cat:hover{border-color:#38bdf84d;color:#e2e8f0}.blog-cat--active{background:#38bdf8;color:#0a0e1a;border-color:#38bdf8;font-weight:700}.blog-search{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 12px;flex-grow:1;min-width:160px;max-width:280px;transition:border-color .2s}.blog-search:focus-within{border-color:#38bdf859}.blog-search__icon{color:#6b7280;flex-shrink:0}.blog-search__input{background:none;border:none;outline:none;color:#e2e8f0;font-size:13px;width:100%;font-family:JetBrains Mono,monospace}.blog-search__input::placeholder{color:#374151}.blog-search__clear{background:none;border:none;color:#6b7280;cursor:pointer;display:flex;padding:0}.blog-content{max-width:780px;margin:0 auto;padding:40px 24px 80px}.blog-count{color:#475569;font-size:13px;font-family:JetBrains Mono,monospace;margin-bottom:32px}.blog-feed{display:flex;flex-direction:column;gap:0}.blog-article{padding:48px 0;animation:blogFadeUp .4s ease both}@keyframes blogFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.blog-article__media{width:100%;border-radius:16px;overflow:hidden;margin-bottom:28px;background:#0d1120;max-height:480px}.blog-article__img{width:100%;height:100%;max-height:480px;object-fit:cover;display:block;transition:transform .4s}.blog-article:hover .blog-article__img{transform:scale(1.01)}.blog-article__video{width:100%;max-height:480px;display:block;background:#000;border-radius:0}.blog-article__meta{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.blog-article__cat{font-size:12px;font-family:JetBrains Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px}.blog-article__time,.blog-article__author{display:flex;align-items:center;gap:5px;color:#475569;font-size:12px;font-family:JetBrains Mono,monospace}.blog-article__title{font-size:clamp(22px,3.5vw,32px);font-weight:800;color:#f1f5f9;line-height:1.3;margin:0 0 20px;font-family:Tahoma,sans-serif;letter-spacing:-.3px}.blog-article__body{font-size:17px;line-height:1.85;color:#94a3b8;font-family:Georgia,Times New Roman,serif}.blog-article__body p{margin:0 0 18px}.blog-article__body strong,.blog-article__body b{color:#e2e8f0}.blog-article__body a{color:#38bdf8}.blog-article__divider{width:100%;height:1px;background:#ffffff0f;margin-top:16px}.blog-feed>.blog-article:last-child .blog-article__divider{display:none}.blog-skeleton{padding:48px 0;border-bottom:1px solid rgba(255,255,255,.06);animation:blogPulse 1.6s ease infinite}@keyframes blogPulse{0%,to{opacity:1}50%{opacity:.4}}.blog-skeleton__img{width:100%;height:340px;background:#ffffff0d;border-radius:16px;margin-bottom:24px}.blog-skeleton__body{display:flex;flex-direction:column;gap:0}.blog-skeleton__line{height:14px;background:#ffffff0f;border-radius:6px;margin-bottom:0}.blog-empty{text-align:center;padding:80px 20px}.blog-empty__icon{font-size:52px;margin-bottom:16px}.blog-empty h3{color:#64748b;font-size:18px;font-family:JetBrains Mono,monospace}.blog-footer{border-top:1px solid rgba(255,255,255,.06);padding:40px 24px;background:#080c14}.blog-footer__inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.blog-footer__social{display:flex;gap:10px}.blog-footer__social-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#64748b;font-size:15px;text-decoration:none;transition:all .2s}.blog-footer__social-btn:hover{background:#38bdf81f;color:#38bdf8;border-color:#38bdf84d}.blog-footer__copy{color:#1e293b;font-size:13px;font-family:JetBrains Mono,monospace}.nav-inner{border-radius:0}.nav-content{background:#111827b3;border:1px solid rgba(56,189,248,.12);border-radius:16px;padding:10px 20px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:10px 0;transition:all .3s}.navbar-scrolled .nav-content{background:#0a0e1aeb;border-color:#38bdf833;box-shadow:0 4px 24px #0006}@media (max-width: 768px){.blog-filter{flex-direction:column;align-items:stretch;padding:12px 16px}.blog-search{max-width:100%}.blog-content{padding:28px 16px 60px}.blog-article{padding:36px 0}.blog-article__title{font-size:22px}.blog-article__body{font-size:16px}.blog-article__media{border-radius:12px}.nav-content{border-radius:12px;margin:6px 0;padding:8px 14px!important}}@media (max-width: 480px){.blog-hero{padding:120px 16px 70px}.blog-hero__title{font-size:38px}.blog-article__img,.blog-article__video{max-height:260px}}html,body,#root{margin:0;padding:0;height:100%}