@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{font-family:Poppins,sans-serif}:root{--background-color1:#fafaff;--background-color2:#fff;--background-color3:#ededed;--background-color4:#cad7fda4;--primary-color:#4b49ac;--secondary-color:#0c007d;--Border-color:#3f0097;--one-use-color:#3f0097;--two-use-color:#5500cb}.animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}:root{--secondary:#794bc4;--card-hover:#1e2022}.qualification-section{background-color:#000;background-color:var(--black);color:#e7e9ea;color:var(--white);overflow:hidden;padding:6rem 2rem;position:relative}.section-title{-webkit-background-clip:text;background-clip:text;background-color:#1da1f2;background-color:var(--primary);color:transparent;display:inline-block;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:5rem;position:relative;text-align:center;z-index:1}.section-title:after{background:linear-gradient(90deg,#1da1f2,#794bc4);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.qualification-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr;margin:0 auto;max-width:1400px;position:relative;z-index:1}@media (min-width:992px){.qualification-grid{grid-template-columns:1fr 1fr}}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:3rem;position:relative}.section-header h2{display:inline-block;font-size:2rem;font-weight:700;position:relative}.section-header .icon{font-size:1.8rem}.experience-column .section-header h2{color:#1da1f2;color:var(--primary)}.education-column .section-header h2{color:#794bc4;color:var(--secondary)}.timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#1da1f2 0,#794bc4);background:linear-gradient(to bottom,var(--primary) 0,var(--secondary) 100%);bottom:0;content:"";left:36px;position:absolute;top:0;width:2px;z-index:0}.experience-card{background:#16181c;background:var(--card-bg);border:1px solid hsla(210,4%,46%,.1);border-radius:16px;box-shadow:0 10px 30px -15px rgba(0,0,0,.3);padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.1);z-index:1}.experience-card:hover{background:#1e2022;background:var(--card-hover);border-color:rgba(29,161,242,.2);box-shadow:0 15px 35px -15px rgba(29,161,242,.3);transform:translateY(-5px)}.education-card{background:#16181c;background:var(--card-bg);border:1px solid hsla(210,4%,46%,.1);border-radius:16px;box-shadow:0 10px 30px -15px rgba(0,0,0,.3);padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.1);z-index:1}.education-card:hover{background:#1e2022;background:var(--card-hover);border-color:rgba(121,75,196,.2);box-shadow:0 15px 35px -15px rgba(121,75,196,.3);transform:translateY(-5px)}.card-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.logo-container{align-items:center;background:#0f1419;background:var(--dark);border:2px solid #71767b;border:2px solid var(--gray);border-radius:50%;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.logo-container img{border-radius:50%;height:100%;object-fit:contain;width:100%}.experience-card .logo-container{border-color:rgba(29,161,242,.3)}.education-card .logo-container{border-color:rgba(121,75,196,.3)}.icon-badge{align-items:center;background:#1da1f2;background:var(--primary);border:2px solid #16181c;border:2px solid var(--card-bg);border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:.9rem;height:30px;justify-content:center;position:absolute;right:-5px;width:30px;z-index:1}.education-card .icon-badge{background:#794bc4;background:var(--secondary)}.card-header h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.degree,.role{font-size:1rem;font-weight:600;margin-bottom:.5rem}.experience-card .role{color:#1da1f2;color:var(--primary)}.education-card .degree{color:#794bc4;color:var(--secondary)}.period{align-items:center;color:#71767b;color:var(--gray);display:flex;font-size:.9rem;gap:.5rem}.description{color:#e7e9ea;color:var(--light);font-size:1rem;line-height:1.7;margin:1.5rem 0}.tags-container{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.tag{background:hsla(210,4%,46%,.15);border-radius:50px;color:#e7e9ea;color:var(--light);font-weight:500;padding:.4rem 1rem;transition:all .3s ease}.experience-card .tag:hover{background:rgba(29,161,242,.2);color:#1da1f2;color:var(--primary)}.education-card .tag:hover{background:rgba(121,75,196,.2);color:#794bc4;color:var(--secondary)}@media (max-width:768px){.qualification-section{padding:4rem 1.5rem}.card-header{flex-direction:column}.logo-container{margin-bottom:1rem}.timeline:before{left:20px}.description{font-size:.9rem}}.education-card:hover .logo-container,.experience-card:hover .logo-container{animation:float 3s ease-in-out infinite}.intro-container{align-items:center;background-color:#000;background-color:var(--black);color:#e7e9ea;color:var(--white);display:flex;min-height:100vh;padding:3rem}.intro-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.intro-handle{color:#71767b;color:var(--light-gray);display:none;font-size:1rem;margin-bottom:.5rem}.intro-handle a{color:#fff;text-decoration:none}.intro-greeting{color:#71767b;color:var(--light-gray);font-size:clamp(1.5rem,4vw,2rem);font-weight:400}.intro-container h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin:.5rem 0 1.5rem}.intro-container .highlight{color:#1d9bf0;color:var(--blue)}.intro-bio{color:#e7e9ea;color:var(--white);font-size:1.25rem;line-height:1.5;margin-bottom:2rem;max-width:90%}.intro-stats{display:flex;gap:2rem;margin-bottom:2rem}.intro-container .stat{display:flex;flex-direction:column}.intro-container .stat-number{color:#e7e9ea;color:var(--white);font-size:1.75rem;font-weight:700}.intro-container .stat-label{color:#71767b;color:var(--light-gray);font-size:.9rem}.intro-actions{display:flex;gap:1rem}.intro-container .action-button{border-radius:9999px;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.primary{background-color:#1d9bf0;background-color:var(--blue);color:#fff}.primary:hover{background-color:#1a8cd8}.secondary{background-color:transparent;border:1px solid #71767b;border:1px solid var(--light-gray);color:#1d9bf0;color:var(--blue)}.secondary:hover{background-color:rgba(29,155,240,.1);border-color:#1d9bf0;border-color:var(--blue)}.intro-profile{display:flex;justify-content:center}.profile-image-container{border:4px solid #16181c;border:4px solid var(--dark-gray);border-radius:9999px;height:300px;overflow:hidden;position:relative;width:300px}.profile-image{height:100%;object-fit:cover}.profile-verified{align-items:center;background-color:#1d9bf0;background-color:var(--blue);border-radius:9999px;bottom:20px;display:flex;height:40px;justify-content:center;position:absolute;right:50px;width:40px;z-index:150}.profile-verified svg{fill:#fff;height:24px;width:24px}.intro-container .highlight{display:inline-block;position:relative}.intro-container .highlight:after{background-color:#1d9bf0;background-color:var(--blue);bottom:-5px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.intro-container .highlight:hover:after{transform:scaleX(1);transform-origin:left}.profile-image-container{box-shadow:0 10px 30px -5px rgba(29,155,240,.3)}.intro-container .action-button{will-change:transform}.profile-image-container{animation:float 6s ease-in-out infinite}@media (max-width:1024px){.intro-container{padding:1rem}.intro-greeting{font-size:1rem;font-weight:200}.intro-content{grid-template-columns:1fr;text-align:center}.intro-handle{display:block}.intro-bio{font-size:1rem;max-width:100%}.intro-actions,.intro-stats{justify-content:center}.intro-profile{margin-top:3rem;order:-1}}@media (max-width:768px){.intro-actions{flex-direction:column}.profile-image-container{height:250px;width:250px}}.skills-container{align-items:center;background:#000;background:var(--black);color:#e7e9ea;color:var(--white);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:6rem 2rem;position:relative}.skills-heading{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;text-align:center}.tech-stack{background:linear-gradient(90deg,#1da1f2,#794bc4);-webkit-background-clip:text;background-clip:text;color:transparent}.skills-subtitle{color:#71767b;color:var(--light-gray);font-size:1.2rem;margin-bottom:4rem;text-align:center}.cards-container{align-items:center;height:300px;justify-content:center;margin-bottom:4rem;max-width:800px;width:100%}.cards-container,.cards-stack{display:flex;position:relative}.cards-stack{gap:2rem;height:200px}.skill-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:2px solid #16181c;border-color:var(--dark-gray);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer;display:flex;height:200px;justify-content:center;position:relative;width:180px}.skill-card:before{background:linear-gradient(45deg,transparent,#1d9bf0,transparent);background:linear-gradient(45deg,transparent,var(--skill-color,var(--blue)),transparent);border-radius:18px;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity .3s ease}.skill-card:hover:before{opacity:.3}.card-content{text-align:center;z-index:2}.card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem;margin-bottom:1rem}.card-label{color:#e7e9ea;color:var(--white);font-size:1.1rem;font-weight:600}.card-glow{background:radial-gradient(circle at center,#1d9bf0 0,transparent 70%);background:radial-gradient(circle at center,var(--skill-color,var(--blue)) 0,transparent 70%);border-radius:20px;height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:100%;z-index:1}.skill-card:hover .card-glow{opacity:.1}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem;max-width:800px;opacity:.7}.skill-badge{background:hsla(0,0%,100%,.05);border:1px solid #16181c;border:1px solid var(--dark-gray);border-radius:20px;cursor:default;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.skill-badge:hover{background:hsla(0,0%,100%,.1);border-color:currentColor}.navigation-dots{display:flex;gap:.5rem}.dot{background:#16181c;background:var(--dark-gray);border:none;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.dot.active{background:#1d9bf0;background:var(--blue);transform:scale(1.2)}.dot:hover{background:#71767b;background:var(--light-gray)}.skills-table-container{margin-top:3rem;max-width:1000px;width:100%}.table-title{color:#e7e9ea;color:var(--white);font-size:1.8rem;font-weight:600;margin-bottom:2rem;position:relative;text-align:center}.table-title:after{background:#1d9bf0;background:var(--blue);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skills-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02);border:1px solid #16181c;border:1px solid var(--dark-gray);border-radius:12px;overflow:hidden}.table-header{grid-gap:1rem;background:rgba(29,155,240,.1);border-bottom:1px solid #16181c;border-bottom:1px solid var(--dark-gray);color:#1d9bf0;color:var(--blue);display:grid;font-weight:600;gap:1rem;grid-template-columns:2fr 1.5fr 2fr;padding:1.5rem 2rem}.table-body{max-height:400px;overflow-y:auto}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}.table-body::-webkit-scrollbar-thumb{background:#1d9bf0;background:var(--blue);border-radius:3px}.table-row{grid-gap:1rem;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:default;display:grid;gap:1rem;grid-template-columns:2fr 1.5fr 2fr;padding:1.2rem 2rem;transition:all .3s ease}.table-row:last-child{border-bottom:none}.tech-cell{align-items:center;display:flex;gap:1rem}.tech-icon{font-size:1.5rem}.tech-name{color:#e7e9ea;color:var(--white);font-weight:500}.category-cell,.description-cell{align-items:center;color:#71767b;color:var(--light-gray);display:flex;font-size:.9rem}.description-cell{line-height:1.4}@media (max-width:768px){.skills-table-container{margin-top:2rem}.table-header{display:none}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr;padding:1rem}.table-row{background:hsla(0,0%,100%,.02);border:1px solid #16181c;border:1px solid var(--dark-gray);border-radius:8px;margin-bottom:.5rem}.table-body{display:flex;flex-direction:column;gap:3rem;max-height:none;overflow-y:visible}.tech-cell{justify-content:space-between}.category-cell,.description-cell{align-items:center;display:flex;font-size:.9rem;gap:10px}.description-cell{line-height:1.4}.category-cell:before{content:"Category: "}.category-cell:before,.description-cell:before{color:#1d9bf0;color:var(--blue);font-weight:600}.description-cell:before{content:"Use: "}}@media (max-width:480px){.skills-table-container{margin-top:1.5rem}.table-title{font-size:1.5rem;margin-bottom:1.5rem}.table-row{padding:.8rem}.tech-icon{font-size:1.2rem}.tech-name{font-size:.9rem}.category-cell,.description-cell{font-size:.8rem}}@keyframes rowHighlight{0%{background-color:rgba(29,155,240,0)}50%{background-color:rgba(29,155,240,.1)}to{background-color:rgba(29,155,240,0)}}.table-row:hover{animation:rowHighlight 1s ease}@media (max-width:768px){.skills-container{padding:4rem 1rem}.cards-container{height:250px;margin-bottom:3rem}.cards-stack{gap:1rem;height:180px}.skill-card{height:160px;width:140px}.card-icon{font-size:3rem;margin-bottom:.5rem}.card-label{font-size:1rem}.skills-grid{display:none}.skills-heading{font-size:clamp(2rem,5vw,3rem);text-align:center}}@media (max-width:480px){.cards-stack{flex-direction:row;gap:1.5rem;height:auto}.skill-card{height:140px;width:120px}.card-icon{font-size:2.5rem}.card-label{font-size:.9rem}.navigation-dots{margin-top:2rem}}@keyframes cardShuffle{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.skill-card:hover{animation:cardShuffle .6s ease-in-out}.about-container{background-color:#000;color:#e7e9ea;color:var(--light);margin:0 auto;max-width:1400px;padding:2rem}.highlight{font-weight:700}.about-hero{flex-direction:row;min-height:80vh;padding:4rem 0}.about-content,.about-hero{align-items:center;display:flex}.about-content{gap:4rem;width:100%}.image-container{flex:1 1;max-width:400px;position:relative}.profile-image{box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;width:100%;z-index:2}.image-border{border:3px dashed #1da1f2;border:3px dashed var(--primary);border-radius:30px;bottom:-15px;left:-15px;position:absolute;right:-15px;top:-15px;z-index:1}.text-content{flex:1.5 1}.text-content h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.text-content p{font-size:1rem;line-height:1.8;margin-bottom:2rem;opacity:.9}.accent-text{color:#1da1f2;color:var(--primary);font-weight:600}.cta-buttons{display:flex;gap:1.5rem;margin-top:2rem}.download-btn{align-items:center;background:#1da1f2;background:var(--primary);border-radius:50px;box-shadow:0 5px 15px rgba(29,161,242,.3);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 8px 25px rgba(29,161,242,.4);transform:translateY(-3px)}.skills-matrix{padding:6rem 0}.skills-matrix h2{font-size:2.5rem;margin-bottom:4rem;text-align:center}.about-skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{background:hsla(210,4%,46%,.1);border-radius:15px;padding:2rem;transition:all .3s ease}.skill-category:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translateY(-10px)}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.category-header svg{font-size:1.5rem}.category-header h3{font-size:1.3rem;margin:0}.skill-category ul{list-style:none;padding:0}.skill-category li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.skill-category li:before{color:#1da1f2;color:var(--primary);content:"▹";left:0;position:absolute}.soft-skills{padding:6rem 0;text-align:center}.soft-skills h2{font-size:2.5rem;margin-bottom:4rem}.philosophy{padding:6rem 0}.philosophy h2{font-size:2.5rem;margin-bottom:4rem;text-align:center}.philosophy-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.philosophy-card{background:hsla(210,4%,46%,.1);border-radius:15px;border-top:4px solid #1da1f2;border-top:4px solid var(--primary);padding:2rem;transition:all .3s ease}.philosophy-card h3{color:#1da1f2;color:var(--primary);font-size:1.3rem;margin-top:0}.philosophy-card p{line-height:1.7;opacity:.9}@media (max-width:992px){.about-container{padding:1rem}.about-content{flex-direction:column;text-align:center}.image-container{margin-bottom:3rem}.cta-buttons{justify-content:center}.text-content p{font-size:.85rem;text-align:left}}@media (max-width:768px){.text-content h1{font-size:2.5rem}.philosophy-cards{grid-template-columns:1fr}}:root{--card-bg:#16181c}.projects-container{background-color:#0f1419;background-color:var(--dark);color:#e7e9ea;color:var(--light);margin:0 auto;max-width:1400px;padding:2rem}.projects-header{margin-bottom:3rem;margin-top:50px;text-align:center}.projects-header h1{font-size:3rem;margin-bottom:.5rem}.subtitle{font-size:1.2rem;margin:0 auto;max-width:700px;opacity:.9}.tabs-container{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.tab{align-items:center;background:transparent;border:1px solid #71767b;border:1px solid var(--gray);border-radius:50px;color:#e7e9ea;color:var(--light);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.tab.active{background:#1da1f2;background:var(--primary);color:#fff}.tab.active,.tab:not(.active):hover{border-color:#1da1f2;border-color:var(--primary)}.tab:not(.active):hover{color:#1da1f2;color:var(--primary)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#16181c;background:var(--card-bg);border:1px solid hsla(210,4%,46%,.2);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(-5px)}.card-image-container{aspect-ratio:16/9;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .card-image{transform:scale(1.05)}.card-hover-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover .card-hover-overlay{opacity:1}.link-icon{color:#fff;font-size:2rem}.card-content{padding:1.5rem;position:relative}.tech-icon{align-items:center;background:#1da1f2;background:var(--primary);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:20px;top:-20px;width:40px}.card-content h3{font-size:1.3rem;margin:.5rem 0 1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(29,161,242,.1);border-radius:50px;color:#1da1f2;color:var(--primary);font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#0a0e11;background:var(--darker);border:1px solid hsla(210,4%,46%,.3);border-radius:15px;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.close-button{align-items:center;background:hsla(210,4%,46%,.3);border:none;border-radius:50%;color:#e7e9ea;color:var(--light);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:2}.close-button:hover{background:#1da1f2;background:var(--primary);color:#fff}.modal-image-container{height:300px;overflow:hidden;width:100%}.modal-image-container img{height:100%;object-fit:cover;width:100%}.modal-details{padding:2rem}.modal-details h2{color:#1da1f2;color:var(--primary);margin-top:0}.modal-tech{margin:1.5rem 0}.modal-tech h4{margin-bottom:.8rem}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem}.tech-item{align-items:center;background:hsla(210,4%,46%,.1);border-radius:50px;display:flex;gap:.5rem;padding:.5rem 1rem}.tech-item svg{color:#1da1f2;color:var(--primary)}.live-button{align-items:center;background:#1da1f2;background:var(--primary);border-radius:50px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.live-button:hover{background:#1a8cd8;transform:translateY(-2px)}@media (max-width:768px){.projects-container{color:#e7e9ea;color:var(--light);padding:1rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.modal-content{flex-direction:column;max-height:95vh}.modal-image-container{height:200px}}@media (max-width:480px){.projects-header h1{font-size:2.2rem}.tabs-container{align-items:center;flex-direction:column}.tab{justify-content:center;width:100%}}:root{--dark:#000;--darker:#000}.contact-container{background-color:#000;color:#e7e9ea;color:var(--light);margin:0 auto;max-width:1400px;padding:4rem 2rem}.contact-header{margin-bottom:4rem;text-align:center}.contact-header h1{font-size:3rem;margin-bottom:1rem}.highlight{color:#1da1f2;color:var(--primary)}.contact-header p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.contact-content{align-items:center;justify-content:center;margin-bottom:4rem;max-width:600px}.form-wrapper{background:hsla(210,4%,46%,.1);border:1px solid hsla(210,4%,46%,.2);border-radius:20px;padding:2rem;transition:all .3s ease}.contact-form h2{font-size:1rem;margin-top:0}.contact-form h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:hsla(210,4%,46%,.05);border:1px solid hsla(210,4%,46%,.4);color:var(--light);padding:.8rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#1da1f2;border-color:var(--primary);box-shadow:0 0 0 2px rgba(29,161,242,.2)}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{background:#1da1f2;background:var(--primary);border-radius:8px;color:#fff;display:inline-flex;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:#1a8cd8}.form-success{background:rgba(46,204,113,.2);border:1px solid rgba(46,204,113,.3);border-radius:8px;color:#2ecc71;margin-top:1rem;padding:.8rem;text-align:center}.contact-info{border-top:1px solid hsla(210,4%,46%,.2);display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding-top:2rem}.info-item{align-items:center;display:flex;gap:1rem}.info-icon{color:#1da1f2;color:var(--primary);font-size:1.5rem}.info-item h3{font-size:1rem;margin:0 0 .2rem}.info-item p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:992px){.contact-container{padding:4rem 1rem}.contact-content{grid-template-columns:1fr}.contact-grid{order:2}.contact-form-container{margin-bottom:3rem;order:1}.form-wrapper{padding:1rem}.form-wrapper h2{font-size:1rem}}@media (max-width:768px){.contact-header h1{font-size:2.2rem}.contact-card{background:rgba(32,96,160,.1);border-radius:15px;color:#e7e9ea;color:var(--light);padding:1rem;text-decoration:none}.info-item{flex-direction:column;text-align:center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-card:hover{animation:float 3s ease-in-out infinite}*{box-sizing:border-box;margin:0;padding:0}.auth-container{align-items:center;background-color:#000;background-color:var(--black);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-container .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;background:var(--black);border:1px solid #2f3336;border-radius:16px;max-width:400px;padding:32px;width:100%}.auth-container .auth-header{margin-bottom:24px;text-align:center}.auth-container .logo{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.auth-container .logo-icon{font-size:24px}.auth-container .auth-header h1{color:#e7e9ea;color:var(--white);font-size:24px;font-weight:700}.auth-container .auth-subtitle{color:#71767b;color:var(--light-gray);font-size:14px;margin-top:4px}.auth-container .auth-tabs{background-color:transparent;border-bottom:1px solid #2f3336;display:flex;margin-bottom:24px}.auth-container .tab-button{background:transparent;border:none;color:#71767b;color:var(--light-gray);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 0;position:relative;transition:all .2s ease}.auth-container .tab-button.active{color:#e7e9ea;color:var(--white);font-weight:600}.auth-container .tab-button.active:after{background-color:#1d9bf0;background-color:var(--blue);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.auth-container .tab-button:hover:not(.active){background-color:hsla(0,0%,100%,.03);color:#e7e9ea;color:var(--white)}.auth-container .error-message{align-items:center;background-color:rgba(244,33,46,.1);border:1px solid rgba(244,33,46,.2);border-radius:8px;color:#f4212e;color:var(--error-red);display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.auth-container .error-icon{font-size:16px}.auth-container .auth-form{margin-bottom:24px}.auth-container .profile-upload-section{margin-bottom:20px;text-align:center}.auth-container .profile-preview{border:2px solid #1d9bf0;border:2px solid var(--blue);border-radius:50%;cursor:pointer;height:80px;margin:0 auto 8px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.auth-container .profile-preview:hover{transform:scale(1.05)}.auth-container .profile-preview img{border-radius:50%;height:100%;object-fit:cover;width:100%}.auth-container .profile-placeholder{align-items:center;background:linear-gradient(135deg,#16181c,#2f3336);background:linear-gradient(135deg,var(--dark-gray) 0,#2f3336 100%);border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.auth-container .camera-icon{font-size:24px;opacity:.7}.auth-container .profile-overlay{align-items:center;background:rgba(0,0,0,.7);border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.auth-container .profile-preview:hover .profile-overlay{opacity:1}.auth-container .profile-overlay span{color:#e7e9ea;color:var(--white);font-size:12px;font-weight:500}.auth-container .profile-hint{color:#71767b;color:var(--light-gray);font-size:12px;margin-top:4px}.auth-container .form-group{margin-bottom:16px;position:relative}.auth-container .form-group input{background:transparent;border:1px solid #2f3336;border-radius:8px;color:#e7e9ea;color:var(--white);font-size:14px;padding:16px;transition:all .2s ease;width:100%}.auth-container .form-group input:focus{background:rgba(29,155,240,.05);border-color:#1d9bf0;border-color:var(--blue);outline:none}.auth-container .form-group input:disabled{cursor:not-allowed;opacity:.5}.auth-container .form-group label{background:#16181c;background:var(--dark-gray);color:#71767b;color:var(--light-gray);font-size:14px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:16px;transition:all .2s ease}.auth-container .form-group input:not(:-ms-input-placeholder)+label{color:#1d9bf0;color:var(--blue);font-size:12px;top:-8px}.auth-container .form-group input:focus+label,.auth-container .form-group input:not(:placeholder-shown)+label{color:#1d9bf0;color:var(--blue);font-size:12px;top:-8px}.auth-container .password-group{position:relative}.auth-container .password-toggle{background:none;border:none;color:#71767b;color:var(--light-gray);cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.auth-container .password-toggle:hover,.auth-container .submit-button{color:#e7e9ea;color:var(--white)}.auth-container .submit-button{background:#1d9bf0;background:var(--blue);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;overflow:hidden;padding:14px;position:relative;transition:all .2s ease;width:100%}.auth-container .submit-button:hover:not(:disabled){background:#1a8cd8;transform:translateY(-1px)}.auth-container .submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-container .loading-spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#e7e9ea;border-top:2px solid var(--white);height:18px;margin:0 auto;width:18px}.auth-container .divider{margin:24px 0;position:relative;text-align:center}.auth-container .divider:before{background:#2f3336;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-container .divider span{background:#16181c;background:var(--dark-gray);color:#71767b;color:var(--light-gray);font-size:12px;padding:0 16px;position:relative}.auth-container .google-auth{margin-top:16px}.auth-container #googleSignInButton{display:flex;justify-content:center}.g_id_signin iframe{border-radius:8px!important}@media (max-width:480px){.auth-container{padding:16px}.auth-container .auth-card{padding:24px 20px}.auth-container .auth-header h1{font-size:20px}.auth-container .logo{gap:6px}.auth-container .logo-icon{font-size:20px}}.auth-container .form-group input:focus-visible{outline:2px solid #1d9bf0;outline:2px solid var(--blue);outline-offset:2px}.auth-container .submit-button:focus-visible{outline:2px solid #e7e9ea;outline:2px solid var(--white);outline-offset:2px}:root{--primary:#1da1f2;--dark:#0f1419;--darker:#0a0e11;--light:#e7e9ea;--lighter:#fff;--gray:#71767b}.navbar{padding:1rem 2rem;position:fixed;top:0;transition:all .4s ease;width:100%;z-index:1000}.navbar.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(15,20,25,.85);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:1rem 2rem}.navbar-container{align-items:center;display:flex;gap:5rem;justify-content:space-between}.logo{z-index:1001}#logo{height:50px;transition:all .3s ease}.desktop-nav{display:flex;gap:2rem;list-style:none}.nav-item{color:#e7e9ea;color:var(--light);font-size:.95rem;font-weight:400;letter-spacing:1px;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-item:hover{color:#1da1f2;color:var(--primary)}.nav-underline{background:#1da1f2;background:var(--primary);bottom:0;height:2px;left:0;position:absolute;transform-origin:right;width:100%}.hamburger{cursor:pointer;display:none;flex-direction:column;height:16px;justify-content:space-between;width:20px;z-index:1001}.bar{background:#e7e9ea;background:var(--light);border-radius:2px;height:3px;transition:all .3s ease;width:100%}.mobile-menu{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(10,14,17,.95);box-shadow:-10px 0 30px rgba(0,0,0,.3);height:100vh;padding:6rem 2rem 2rem;position:fixed;right:0;top:0;width:70%;z-index:1000}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem;list-style:none;padding:0}.mobile-nav-item{border-radius:8px;color:#e7e9ea;color:var(--light);display:block;font-size:1.2rem;font-weight:200;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-nav-item:hover{background:rgba(29,161,242,.1);color:#1da1f2;color:var(--primary)}@media (max-width:992px){.navbar-container{display:flex;justify-content:space-around}.desktop-nav{display:none}.hamburger{display:flex}.navbar{padding:1rem}.navbar.scrolled{padding:.8rem 1rem}#logo{height:40px}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(2deg)}}.navbar-logo:hover img{animation:logoFloat 3s ease-in-out infinite}:root{--dark-bg:#000;--dark-text:#e7e9ea;--dark-accent:#1da1f2;--light-bg:#fff;--light-text:#fff;--light-accent:#794bc4}.footer-container{background:#000;background:var(--dark-bg);color:#fff;color:var(--light-text);overflow:hidden;padding:3rem 2rem 1.5rem;position:relative;width:100%}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:2}.footer-left{display:flex;flex-direction:column;gap:.5rem}.copyright{font-size:.9rem;opacity:.8}.made-with{align-items:center;display:flex;font-size:.9rem;gap:.3rem}.heart-icon{animation:pulse 1.5s infinite;color:#ff4d4d}.footer-middle,.theme-toggle{align-items:center;display:flex;justify-content:center}.theme-toggle{background:hsla(210,4%,46%,.2);border-radius:50%;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.theme-toggle:hover{background:hsla(210,4%,46%,.4);transform:rotate(30deg)}.theme-icon{color:var(--accent);font-size:1.2rem}.footer-right{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.social-links{display:flex;gap:1.2rem}.social-link{color:var(--text);font-size:1.3rem;transition:all .3s ease}.portfolio-link a{color:var(--accent);font-size:.9rem;font-weight:600;position:relative;text-decoration:none}.portfolio-link a:after{background:var(--accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.portfolio-link a:hover:after{transform:scaleX(1);transform-origin:left}.footer-decoration{height:100%;top:0;z-index:1}.footer-decoration,.footer-wave{left:0;position:absolute;width:100%}.footer-wave{background-size:cover;bottom:0;height:20px}.footer-dots{display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dot{background:var(--accent);border-radius:50%;height:4px;opacity:.2;width:4px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-right{align-items:center}.social-links{justify-content:center}.footer-left{align-items:center}}.profile-container{background:#000;background:var(--black);border-left:1px solid #2f3336;border-left:1px solid var(--border-color);border-right:1px solid #2f3336;border-right:1px solid var(--border-color);margin:0 auto;max-width:600px}.profile-error,.profile-loading{align-items:center;color:#e7e9ea;color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:100px 20px;text-align:center}.profile-banner,.profile-header{position:relative}.profile-banner{background:#16181c;background:var(--dark-gray);height:200px;overflow:hidden}.banner-placeholder{background:linear-gradient(135deg,#16181c,#2f3336);background:linear-gradient(135deg,var(--dark-gray) 0,#2f3336 100%);height:100%;width:100%}.profile-info-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:-75px;padding:0 16px}.profile-picture-container{position:relative}.profile-picture-wrapper{background:#000;background:var(--black);border:4px solid #000;border:4px solid var(--black);border-radius:50%;height:134px;overflow:hidden;width:134px}.profile-picture{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#1d9bf0,#1a8cd8);background:linear-gradient(135deg,var(--blue) 0,#1a8cd8 100%);border-radius:50%;color:#e7e9ea;color:var(--white);display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-actions{display:flex;gap:12px;margin-bottom:16px}.profile-btn{border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.profile-btn.primary{background:#e7e9ea;background:var(--white);border:none;color:#000;color:var(--black)}.profile-btn.primary:hover{background:#d7dbdc}.profile-btn.secondary{background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);color:#e7e9ea;color:var(--white)}.profile-btn.secondary:hover{background:hsla(0,0%,100%,.1)}.profile-details{padding:0 16px 16px}.profile-name-section{margin-bottom:12px}.profile-display-name{color:#e7e9ea;color:var(--white);font-size:20px;font-weight:700;line-height:1.2;margin-bottom:4px}.profile-username{color:#71767b;color:var(--light-gray);font-size:15px;margin:0}.profile-email{color:#e7e9ea;color:var(--white);font-size:15px;line-height:1.4;margin-bottom:16px}.profile-stats{display:flex;gap:20px}.stat{align-items:center;cursor:pointer;display:flex;gap:4px;transition:color .2s ease}.stat-number,.stat:hover{color:#e7e9ea;color:var(--white)}.stat-number{font-size:15px;font-weight:700}.stat-label{color:#71767b;color:var(--light-gray);font-size:15px}.stat:hover .stat-label{color:#e7e9ea;color:var(--white)}.profile-tabs{border-bottom:1px solid #2f3336;border-bottom:1px solid var(--border-color);display:flex}.profile-tab{background:transparent;border:none;color:#71767b;color:var(--light-gray);cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:16px 0;position:relative;transition:all .2s ease}.profile-tab:hover{background:hsla(0,0%,100%,.03);color:#e7e9ea;color:var(--white)}.profile-tab.active{color:#e7e9ea;color:var(--white);font-weight:600}.profile-tab.active:after{background:#1d9bf0;background:var(--blue);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.profile-empty-state{color:#e7e9ea;color:var(--white);padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.profile-empty-state h3{font-size:24px;font-weight:700;margin-bottom:8px}.profile-empty-state p{color:#71767b;color:var(--light-gray);font-size:15px;margin-bottom:20px}.create-blog-btn{background:#1d9bf0;background:var(--blue);border:none;border-radius:24px;color:#e7e9ea;color:var(--white);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.create-blog-btn:hover{background:#1a8cd8}@media (max-width:687px){.profile-container{border-left:none;border-right:none}.profile-info-section{align-items:flex-start;flex-direction:column;gap:16px;margin-top:-60px}.profile-picture-wrapper{height:120px;width:120px}.profile-actions{justify-content:flex-end;width:100%}}.create-blog-btn:focus-visible,.profile-btn:focus-visible,.profile-tab:focus-visible{outline:2px solid #1d9bf0;outline:2px solid var(--blue);outline-offset:2px}:root{--error-red:#f4212e;--success-green:#00ba7c}.blog-container{background:#000;background:var(--black);border-left:1px solid #2f3336;border-left:1px solid var(--border-color);border-right:1px solid #2f3336;border-right:1px solid var(--border-color);margin:0 auto;max-width:600px;min-height:100vh}.blog-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.65);border-bottom:1px solid #2f3336;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.blog-tabs{display:flex}.blog-tab{background:transparent;border:none;color:#71767b;color:var(--light-gray);cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:16px 0;position:relative;transition:all .2s ease}.blog-tab:hover{background:hsla(0,0%,100%,.03);color:#e7e9ea;color:var(--white)}.blog-tab.active{color:#e7e9ea;color:var(--white);font-weight:600}.blog-tab.active:after{background:#1d9bf0;background:var(--blue);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.blog-empty-state,.blog-list-loading{align-items:center;color:#e7e9ea;color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2f3336;border-radius:50%;border-top:3px solid #1d9bf0;border:3px solid var(--border-color);border-top-color:var(--blue);height:32px;margin-bottom:16px;width:32px}.loading-spinner.small{border-width:2px;height:16px;margin:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.blog-empty-state h3{font-size:20px;font-weight:700;margin-bottom:8px}.blog-empty-state p{color:#71767b;color:var(--light-gray);font-size:14px}.blog-list{padding:0}.blog-card{border-bottom:1px solid #2f3336;border-bottom:1px solid var(--border-color);padding:16px;transition:background-color .2s ease}.blog-card:hover{background:hsla(0,0%,100%,.02)}.blog-image-preview{border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:16px;margin-bottom:12px;overflow:hidden}.blog-image-preview img{display:block;height:auto;width:100%}.blog-content{padding:0}.blog-title{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px}.blog-excerpt,.blog-title{color:#e7e9ea;color:var(--white)}.blog-excerpt{font-size:15px;line-height:1.4;margin-bottom:12px;opacity:.9}.blog-meta{display:flex;font-size:14px;gap:16px;margin-bottom:12px}.blog-date{color:#71767b;color:var(--light-gray)}.blog-status{font-weight:600}.blog-status.published{color:#00ba7c;color:var(--success-green)}.blog-status.draft,.blog-views{color:#71767b;color:var(--light-gray)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.blog-tag{background:rgba(29,155,240,.1);border-radius:12px;color:#1d9bf0;color:var(--blue);font-size:13px;padding:4px 8px}.blog-actions{display:flex;gap:12px}.blog-action-btn{background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.blog-action-btn.edit{color:#1d9bf0;color:var(--blue)}.blog-action-btn.edit:hover{background:rgba(29,155,240,.1)}.blog-action-btn.delete{color:#f4212e;color:var(--error-red)}.blog-action-btn.delete:hover{background:rgba(244,33,46,.1)}.blog-form-container{padding:16px}.blog-form{max-width:100%}.form-error{align-items:center;background:rgba(244,33,46,.1);border:1px solid rgba(244,33,46,.2);border-radius:8px;color:#f4212e;color:var(--error-red);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.error-icon{font-size:16px}.form-group{margin-bottom:20px;position:relative}.form-group input,.form-group textarea{background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:8px;color:#e7e9ea;color:var(--white);font-family:inherit;font-size:15px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:rgba(29,155,240,.05);border-color:#1d9bf0;border-color:var(--blue);outline:none}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group label{background:#000;background:var(--black);color:#71767b;color:var(--light-gray);font-size:15px;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:16px;transition:all .2s ease}.form-group input:not(:-ms-input-placeholder)+label,.form-group textarea:not(:-ms-input-placeholder)+label{color:#1d9bf0;color:var(--blue);font-size:12px;top:-8px}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:#1d9bf0;color:var(--blue);font-size:12px;top:-8px}.image-upload-group{margin-bottom:20px}.image-upload-label{background:transparent!important;color:#e7e9ea!important;color:var(--white)!important;display:block;font-size:14px!important;font-weight:600;margin-bottom:8px;padding:0!important;position:static!important}.image-upload-group input[type=file]{background:hsla(0,0%,100%,.02);border:2px dashed #2f3336;border:2px dashed var(--border-color);padding:12px}.image-upload-group input[type=file]:focus{border-color:#1d9bf0;border-color:var(--blue)}.image-preview-container{margin-top:12px}.image-preview{border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:12px;display:inline-block;overflow:hidden;position:relative}.image-preview img{display:block;max-height:200px;max-width:300px}.remove-image-btn{align-items:center;background:rgba(0,0,0,.75);border:none;border-radius:50%;color:#e7e9ea;color:var(--white);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s ease;width:32px}.remove-image-btn:hover{background:rgba(0,0,0,.9)}.form-checkbox{margin-bottom:20px}.checkbox-label{align-items:center;color:#e7e9ea;color:var(--white);cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox-label input{display:none}.checkmark{border:2px solid #2f3336;border:2px solid var(--border-color);border-radius:4px;height:20px;position:relative;transition:all .2s ease;width:20px}.checkbox-label input:checked+.checkmark{background:#1d9bf0;background:var(--blue);border-color:#1d9bf0;border-color:var(--blue)}.checkbox-label input:checked+.checkmark:after{color:#e7e9ea;color:var(--white);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:24px;color:#e7e9ea;color:var(--white);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover{background:hsla(0,0%,100%,.05)}.submit-btn{align-items:center;background:#1d9bf0;background:var(--blue);border:none;border-radius:24px;color:#e7e9ea;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.submit-btn:hover:not(:disabled){background:#1a8cd8}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#000;background:var(--black);border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:16px;max-width:400px;overflow:hidden;width:100%}.modal-header{padding:20px 20px 0}.modal-header h3{color:#e7e9ea;color:var(--white);font-size:20px;font-weight:700}.modal-content{padding:20px}.modal-content p{color:#e7e9ea;color:var(--white);line-height:1.4;margin-bottom:8px}.warning-text{color:#f4212e!important;color:var(--error-red)!important;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.modal-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-btn.cancel{background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);color:#e7e9ea;color:var(--white)}.modal-btn.cancel:hover{background:hsla(0,0%,100%,.05)}.modal-btn.delete{background:#f4212e;background:var(--error-red);color:#e7e9ea;color:var(--white)}.modal-btn.delete:hover{background:#d20d1a}.modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:687px){.blog-container{border-left:none;border-right:none}.blog-form-container{padding:12px}.image-preview img{max-width:100%}.modal-overlay{padding:16px}}.blog-action-btn:focus-visible,.blog-tab:focus-visible,.cancel-btn:focus-visible,.form-group input:focus-visible,.form-group textarea:focus-visible,.modal-btn:focus-visible,.submit-btn:focus-visible{outline:2px solid #1d9bf0;outline:2px solid var(--blue);outline-offset:2px}.dashboard-container{background:#000;background:var(--black);min-height:100vh}.blog-card{cursor:pointer;opacity:0;perspective:1000px;transform:translateY(50px) scale(.95);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.blog-card.visible{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--index)*.1s)}.card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blog-card:hover .card-inner{border-color:var(--blue);box-shadow:0 20px 40px rgba(0,0,0,.3);transform:translateY(-8px) scale(1.02)}.card-image{height:200px;overflow:hidden;position:relative}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .card-image img{transform:scale(1.05)}.image-overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;transition:opacity .3s ease}.blog-card:hover .image-overlay{opacity:.5}.card-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.card-meta{color:var(--light-gray);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:1rem}.card-title{-webkit-line-clamp:2;color:var(--white);font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.card-excerpt,.card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-excerpt{-webkit-line-clamp:3;color:var(--light-gray);flex:1 1;line-height:1.6;margin-bottom:1.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:rgba(29,155,240,.1);border-radius:20px;color:var(--blue);font-size:.8rem;font-weight:600;padding:.25rem .75rem}.card-author{margin-bottom:1.5rem}.author-info{align-items:center;gap:.75rem}.author-name{font-size:.9rem;font-weight:600}.card-cta{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.cta-text{color:var(--blue);font-size:.9rem;font-weight:600}.cta-arrow{color:var(--blue);font-size:1.2rem;transition:transform .3s ease}.blog-card:hover .cta-arrow{transform:translateX(4px)}@media (max-width:768px){.card-content{padding:1rem}.card-title{font-size:1.2rem}}.blog-detail-overlay{align-items:center;animation:overlayAppear .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayAppear{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1}}.blog-detail-container{animation:modalAppear .4s cubic-bezier(.25,.46,.45,.94);background:var(--black);border:1px solid var(--border-color);border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.blog-detail{padding:0}.detail-hero-image{height:300px;overflow:hidden}.detail-hero-image img{height:100%;object-fit:cover;width:100%}.detail-header{border-bottom:1px solid var(--border-color);padding:3rem 3rem 2rem}.detail-meta{color:var(--light-gray);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem;margin-bottom:1.5rem}.detail-title{color:var(--white);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.detail-author{gap:1rem}.author-avatar,.detail-author{align-items:center;display:flex}.author-avatar{background:linear-gradient(135deg,var(--blue),#1a8cd8);border-radius:50%;color:var(--white);font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.author-info{display:flex;flex-direction:column}.author-name{color:var(--white);font-size:1.1rem;font-weight:700}.author-role{color:var(--light-gray);font-size:.9rem}.detail-content{padding:2rem 3rem}.content-html{color:var(--white);font-size:1.1rem;line-height:1.8}.content-html h1,.content-html h2,.content-html h3{color:var(--white);line-height:1.3;margin:2rem 0 1rem}.content-html h1{font-size:2rem}.content-html h2{font-size:1.6rem}.content-html h3{font-size:1.3rem}.content-html p{margin-bottom:1.5rem}.content-html code{background:var(--dark-gray);border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .4rem}.content-html pre{background:var(--dark-gray);border:1px solid var(--border-color);border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.content-html pre code{background:none;padding:0}.content-html blockquote{border-left:4px solid var(--blue);color:var(--light-gray);font-style:italic;margin:1.5rem 0;padding-left:1.5rem}.content-html a{color:var(--blue);text-decoration:none}.content-html a:hover{text-decoration:underline}.detail-footer{border-top:1px solid var(--border-color);padding:2rem 3rem}.footer-actions{display:flex;justify-content:center}.action-btn{background:transparent;border:1px solid var(--border-color);border-radius:50px;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.action-btn:hover{background:rgba(29,155,240,.1);border-color:var(--blue)}@media (max-width:768px){.blog-detail-overlay{padding:1rem}.detail-content,.detail-footer,.detail-header{padding:2rem 1.5rem}.detail-title{font-size:2rem}.detail-hero-image{height:200px}}:root{--black:#000;--dark-gray:#16181c;--light-gray:#71767b;--blue:#1d9bf0;--white:#e7e9ea;--border-color:#2f3336;--card-bg:rgba(22,24,28,.8)}.blog-page{color:#e7e9ea;color:var(--white)}.blog-page,.blog-page-loading{background:#000;background:var(--black);min-height:100vh}.blog-page-loading{align-items:center;display:flex;justify-content:center}.loading-animation{text-align:center}.code-bracket{color:#1d9bf0;color:var(--blue);font-size:4rem;font-weight:300;margin-bottom:1rem}.loading-animation p{color:#71767b;color:var(--light-gray);font-size:1.1rem}.blog-hero{background:linear-gradient(135deg,#000,#16181c);background:linear-gradient(135deg,var(--black) 0,var(--dark-gray) 100%);border-bottom:1px solid #2f3336;border-bottom:1px solid var(--border-color);padding:120px 20px 80px;text-align:center}.hero-content{margin:0 auto;max-width:600px}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block}.title-line.accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1d9bf0,#1a8cd8);background:linear-gradient(135deg,var(--blue),#1a8cd8);-webkit-background-clip:text;background-clip:text;color:#1d9bf0;color:var(--blue)}.hero-subtitle{color:#71767b;color:var(--light-gray);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:500px}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin:0 auto;max-width:1400px;padding:4rem 2rem}.blog-empty-state{padding:120px 20px;text-align:center}.empty-animation{margin:0 auto;max-width:400px}.code-icon{color:#1d9bf0;color:var(--blue);font-size:4rem;font-weight:300;margin-bottom:2rem}.empty-animation h2{color:#e7e9ea;color:var(--white);font-size:2rem;margin-bottom:1rem}.empty-animation p{color:#71767b;color:var(--light-gray);font-size:1.1rem;line-height:1.6}.load-more-section{border-top:1px solid #2f3336;border-top:1px solid var(--border-color);padding:3rem 2rem;text-align:center}.load-more-btn{align-items:center;background:transparent;border:1px solid #2f3336;border:1px solid var(--border-color);border-radius:50px;color:#e7e9ea;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.load-more-btn:hover{background:rgba(29,155,240,.1);border-color:#1d9bf0;border-color:var(--blue);transform:translateY(-2px)}.arrow-down{transition:transform .3s ease}.load-more-btn:hover .arrow-down{transform:translateY(3px)}@media (max-width:768px){.blog-grid{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1rem}.blog-hero{padding:100px 1rem 60px}.hero-title{font-size:2.5rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000;background:var(--black)}::-webkit-scrollbar-thumb{background:#16181c;background:var(--dark-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#71767b;background:var(--light-gray)}
/*# sourceMappingURL=main.48b07a76.css.map*/