*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;font-family:Poppins,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:auto;padding:0 20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#38bdf8;border-radius:10px}::selection{color:#000;background:#38bdf8}html{scroll-behavior:smooth}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#02040d80;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:18px 60px;transition:all .3s;display:flex;position:sticky;top:0}.navbar_logo{cursor:pointer;height:45px;transition:all .3s}.navbar_links ul{align-items:center;gap:25px;list-style:none;display:flex}.navbar_links li{position:relative}.navbar_links a,.navbar_links span{color:#94a3b8;cursor:pointer;font-size:15px;transition:all .3s}.navbar_links a:hover,.navbar_links span:hover{color:#e2e8f0}.navbar_links a:after,.navbar_links span:after{content:"";background:#38bdf8;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}.navbar_links a:hover:after,.navbar_links span:hover:after{width:100%}.navbar_actions{align-items:center;gap:18px;display:flex}.desktop-only{display:flex}.mobile-only{display:none}.icon{cursor:pointer;color:#94a3b8;font-size:18px;transition:all .3s}.icon:hover{color:#38bdf8;transform:scale(1.1)}.login-btn{cursor:pointer;color:#000;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:6px;padding:7px 16px;font-weight:500;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #38bdf866}.user-menu{position:relative}.dropdown{z-index:100;background:#0f172a;border:1px solid #1e293b;border-radius:10px;width:150px;padding:10px;position:absolute;top:40px;right:0;box-shadow:0 8px 20px #0006}.dropdown p{cursor:pointer;color:#fff;border-radius:6px;margin:8px 0;padding:8px}.dropdown p:hover{background:#1e293b}.cart-count{color:#fff;background:red;border-radius:50%;padding:2px 6px;font-size:10px;position:absolute;top:-5px;right:-8px}.hamburger{cursor:pointer;color:#e2e8f0;z-index:101;font-size:20px;display:none}.mobile-menu{display:none}@media (width<=768px){.navbar{padding:15px 20px}.hamburger{display:block}.desktop-only{display:none}.mobile-only{color:#94a3b8;cursor:pointer;margin-top:20px;font-size:18px;transition:all .3s;display:block}.mobile-only:hover{color:#38bdf8}.navbar_links.desktop-only{display:none}.mobile-menu{z-index:99;background:#020617;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .35s;display:flex;position:fixed;top:0;left:-100%}.mobile-menu.active{left:0}.mobile-menu ul{text-align:center;flex-direction:column;gap:30px}.mobile-menu a,.mobile-menu span{font-size:20px}.mobile-menu:before{content:"";z-index:-1;background:radial-gradient(circle,#38bdf81a,#0000 70%);position:absolute;inset:0}}.navbar_links a.active{color:#38bdf8;text-shadow:0 0 8px #38bdf899}.navbar_links a.active:after{width:100%}@media (width<=768px){.navbar_logo{height:35px}}.hero{text-align:center;background:radial-gradient(circle at top,#1e293b,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero__bg{filter:blur(140px);z-index:0;background:radial-gradient(circle,#38bdf859,#0000);width:700px;height:700px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero:before{content:"";opacity:.06;z-index:0;background-image:radial-gradient(#38bdf8 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute}.hero__content{z-index:2;max-width:750px;margin:auto}.hero__tag{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf8;border-radius:20px;margin-bottom:18px;padding:6px 14px;font-size:13px;display:inline-block}.hero h1{margin-bottom:10px;font-size:64px;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-text-fill-color:transparent;text-shadow:0 0 25px #38bdf866;-webkit-background-clip:text}.hero h2{color:#94a3b8;min-height:32px;margin-bottom:20px;font-size:26px}.hero__desc{color:#cbd5f5;margin-bottom:30px;font-size:16px;line-height:1.7}.hero__stats{justify-content:center;gap:35px;margin:25px 0;display:flex}.hero__stats span{color:#94a3b8;font-size:14px}.hero__stats span b{color:#38bdf8;font-size:20px}.hero__buttons{justify-content:center;gap:15px;margin-top:10px;display:flex}.btn{border-radius:8px;padding:12px 26px;font-weight:500;transition:all .3s}.btn.primary{color:#000;background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #38bdf866}.btn.secondary{color:#38bdf8;border:1px solid #38bdf8}.btn.secondary:hover{color:#000;background:#38bdf8}.hero__scroll{color:#38bdf8;opacity:.9;margin-top:40px;font-size:14px}.hero__scroll:after{content:"↓";margin-top:5px;font-size:22px;animation:1.2s infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=768px){.hero h1{font-size:40px}.hero h2{font-size:20px}.hero__stats{flex-direction:column;gap:10px}}.profiles{text-align:center;background:#020617;padding:80px 60px}.profiles__title{color:#38bdf8;margin-bottom:50px;font-size:30px}.profiles__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.profile__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;padding:30px 20px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.profile__card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.profile__icon{color:#38bdf8;margin-bottom:15px;font-size:35px}.profile__card h3{color:#e2e8f0;margin-bottom:8px}.profile__desc{color:#94a3b8;margin-bottom:10px;font-size:14px}.profile__stats{color:#38bdf8;font-size:13px}.profile__card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 15px 40px #38bdf833}.about{background:radial-gradient(circle at top,#38bdf80f,#0000 35%),radial-gradient(circle,#38bdf80a,#0000 60%),linear-gradient(#0a0f1c 0%,#020617 45%,#01030a 100%);padding:100px 60px;position:relative;overflow:hidden}.about:before{content:"";filter:blur(100px);z-index:0;background:radial-gradient(circle,#38bdf814,#0000 60%);width:400px;height:400px;position:absolute;top:-120px;left:-120px}.about:after{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url(https://www.transparenttextures.com/patterns/noise.png);position:absolute;inset:0}.section__title{text-align:center;z-index:1;margin-bottom:70px;font-size:38px;position:relative}.about__top{z-index:1;justify-content:center;align-items:center;gap:80px;max-width:1200px;margin:0 auto 80px;display:flex;position:relative}.about__image img{border-radius:20px;width:320px;transition:all .4s;box-shadow:0 0 60px #38bdf84d,0 0 120px #38bdf81a}.about__image img:hover{transform:scale(1.05)}.about__content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:18px;max-width:650px;padding:32px;transition:all .3s}.about__content:hover{border:1px solid #38bdf84d}.about__role{color:#38bdf8;margin-bottom:10px;font-size:18px}.about__content p{color:#cbd5f5;font-size:16px;line-height:1.9}.resume__wrapper{justify-content:flex-start;margin-top:20px;display:flex}.about__skills{text-align:center;z-index:1;margin-bottom:80px;position:relative}.skills__tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.skills__tabs button{color:#94a3b8;cursor:pointer;background:#0f172a99;border:none;border-radius:20px;padding:8px 18px;transition:all .3s}.skills__tabs button.active{color:#000;background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 5px 20px #38bdf84d}.skills__cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;display:grid}.skill__card{cursor:pointer;background:#020617;border-radius:16px;padding:22px;transition:all .3s;position:relative;overflow:hidden}.skill__card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skill__card .icon{color:#38bdf8;margin-bottom:12px;font-size:30px}.skill__card p{color:#e2e8f0;font-size:15px}.skill__card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 15px 40px #38bdf833}.timeline{max-width:850px;margin:100px auto 0;position:relative}.timeline__title{text-align:center;color:#38bdf8;margin-bottom:50px;font-size:30px}.timeline__wrapper{padding-left:40px;position:relative}.timeline__wrapper:before{content:"";background:linear-gradient(#38bdf899,#38bdf81a);width:3px;height:100%;position:absolute;top:0;left:12px}.timeline__item{margin-bottom:50px;position:relative}.timeline__dot{background:#38bdf8;border-radius:50%;width:14px;height:14px;position:absolute;top:10px;left:5px;box-shadow:0 0 12px #38bdf8e6,0 0 25px #38bdf880}.timeline__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3 linear-gradient(#ffffff05,#fff0);border:1px solid #94a3b81a;border-radius:16px;padding:25px 30px;transition:all .3s}.timeline__card:hover{border:1px solid #38bdf899;transform:translate(8px)scale(1.01);box-shadow:0 20px 50px #38bdf826}.timeline__card h4{margin-bottom:6px;font-size:18px}.timeline__card span{color:#38bdf8;margin-bottom:10px;font-size:13px;display:block}.timeline__card p{color:#94a3b8;font-size:14px;line-height:1.6}@media (width<=900px){.about__top{text-align:center;flex-direction:column;gap:40px}.resume__wrapper{justify-content:center}}.work{text-align:center;background:#020617;padding:100px 60px}.work__title{color:#38bdf8;margin-bottom:40px;font-size:36px}.projects{text-align:center;background:#020617;padding:100px 60px}.projects__title{color:#38bdf8;font-size:36px}.projects__subtitle{color:#94a3b8;margin-bottom:50px}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project__card{background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;transition:all .3s;overflow:hidden}.project__image{height:200px;position:relative;overflow:hidden}.project__card:hover img{transform:scale(1.1)}.project__overlay{opacity:0;background:#020617cc;justify-content:center;align-items:center;gap:15px;transition:all .3s;display:flex;position:absolute;inset:0}.project__overlay a{color:#000;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none}.project__content{text-align:left;padding:20px}.project__content h3{margin-bottom:8px}.project__content p{color:#94a3b8;margin-bottom:10px}.project__content span{color:#38bdf8;font-size:12px}.services{text-align:center;background:#020617;padding:100px 60px}.services__title{color:#38bdf8;font-size:36px}.services__subtitle{color:#94a3b8;margin-bottom:50px}.services__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.service__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;padding:30px 25px;transition:all .3s}.service__card:hover{border:1px solid #38bdf880;transform:translateY(-8px);box-shadow:0 20px 50px #38bdf833}.service__icon{color:#38bdf8;margin-bottom:15px;font-size:30px}.service__card h3{margin-bottom:10px}.service__card p{color:#94a3b8;margin-bottom:20px}.hire-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:8px;padding:8px 16px}.testimonials{text-align:center;background:#020617;padding:100px 60px}.testimonials__title{color:#38bdf8;font-size:36px}.testimonials__subtitle{color:#94a3b8;margin-bottom:50px}.testimonials__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.testimonial__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;padding:25px;transition:all .3s}.testimonial__card:hover{border:1px solid #38bdf880;transform:translateY(-6px);box-shadow:0 15px 40px #38bdf833}.testimonial__text{color:#cbd5f5;margin-bottom:20px;font-size:15px;line-height:1.6}.testimonial__user h4{margin-bottom:5px}.testimonial__user span{color:#38bdf8;font-size:13px}.shop-section{background:#020617;min-height:100vh;padding:4rem 1.5rem;font-family:Inter,sans-serif}.shop-container{max-width:900px;margin:auto}.shop-header{text-align:center;margin-bottom:2rem}.shop-header h2{color:#f8fafc;font-size:2.2rem;font-weight:700}.shop-header p{color:#94a3b8;font-size:.95rem}.shop-tabs{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.shop-tabs button{color:#cbd5f5;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.shop-tabs button:hover{color:#38bdf8;background:#38bdf81a}.shop-tabs button.active{color:#020617;background:#38bdf8;box-shadow:0 0 10px #38bdf866}.shop-controls{margin-bottom:2rem}.shop-controls input{color:#e2e8f0;background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:.7rem 1rem}.shop-controls input::placeholder{color:#64748b}.shop-controls input:focus{border-color:#38bdf8}.shop-grid{flex-direction:column;gap:1rem;display:flex}.shop-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.shop-card:hover{border-color:#38bdf866;transform:translateY(-3px);box-shadow:0 0 20px #38bdf826}.card-left img{object-fit:cover;border-radius:10px;width:55px;height:55px}.card-right{flex:1}.card-right h3{color:#f8fafc;margin-bottom:.2rem;font-size:1rem}.card-right p{color:#94a3b8;margin-bottom:.5rem;font-size:.8rem}.tags{gap:.4rem;margin-bottom:.6rem;display:flex}.tag{color:#cbd5f5;background:#ffffff14;border-radius:6px;padding:.2rem .5rem;font-size:.7rem}.tag.free{color:#10b981;background:#10b98133}.card-actions{gap:.4rem;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:.4rem .7rem;font-size:.75rem}.preview-btn{color:#e2e8f0;background:#ffffff14}.preview-btn:hover{background:#ffffff26}.view-btn{color:#f8fafc;background:#ffffff14}.view-btn:hover{background:#ffffff26}.buy-btn{color:#020617;background:#38bdf8}.buy-btn:hover{background:#7dd3fc}.preview-modal{z-index:999;background:#020617e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-box{text-align:center;background:#020617;border:1px solid #ffffff14;border-radius:12px;width:90%;max-width:450px;padding:1.5rem}.preview-box img{border-radius:10px;width:100%;margin-bottom:1rem}.preview-box h3{color:#f8fafc}.preview-box p{color:#94a3b8}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:10px;right:12px}@media (width<=600px){.shop-card{flex-direction:column;align-items:flex-start}.card-actions{justify-content:space-between;width:100%}}.projects{color:#fff;padding:5rem 2rem}.projects__title{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.projects__subtitle{text-align:center;color:#aaa;margin-bottom:3rem;font-size:1.1rem}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project__card{background:#1e2532;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0003}.project__card:hover{transform:translateY(-8px);box-shadow:0 8px 15px #0000004d}.project__image{width:100%;height:200px;position:relative;overflow:hidden}.project__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project__card:hover .project__image img{transform:scale(1.1)}.project__overlay{opacity:0;background:#0f172ad9;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project__card:hover .project__overlay{opacity:1}.project__overlay a{color:#fff;background:#39c;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .3s}.project__overlay a:hover{background:#267aa3}.project__content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project__content h3{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.project__content p{color:#cbd5e1;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.project__content span{color:#38bdf8;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.blog{color:#fff;padding:5rem 2rem}.blog__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.blog__card{background:#1e2532;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0003}.blog__card:hover{transform:translateY(-8px);box-shadow:0 8px 15px #0000004d}.blog__card img{object-fit:cover;border-bottom:1px solid #2a344a;width:100%;height:220px}.blog__card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog__card-content h3{color:#fff;font-size:1.3rem;line-height:1.4}.blog__card-content p{color:#cbd5e1;flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.blog__card-content a{color:#38bdf8;align-self:flex-start;font-weight:700;text-decoration:none;transition:color .3s}.blog__card-content a:hover{color:#7dd3fc;text-decoration:underline}.blog__card-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.blog__category-badge{color:#38bdf8;text-transform:uppercase;background:#38bdf81a;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.blog__date{color:#94a3b8;font-size:.85rem}.socials{justify-content:center;gap:20px;display:flex}.socials a{color:#94a3b8;font-size:22px;transition:all .3s}.socials a:hover{color:#38bdf8;transform:translateY(-3px)}.contact-page{text-align:center;background:#020617;padding:120px 20px}.contact-page__header h2{color:#38bdf8;margin-bottom:10px;font-size:40px}.contact-page__header p{color:#94a3b8;margin-bottom:50px}.contact-page__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:18px;max-width:600px;margin:auto;padding:40px}.contact-page__form{flex-direction:column;gap:15px;display:flex}.form__row{gap:10px;display:flex}.contact-page__form input,.contact-page__form textarea{color:#fff;background:0 0;border:1px solid #94a3b833;border-radius:10px;outline:none;flex:1;padding:14px}.contact-page__form input:focus,.contact-page__form textarea:focus{border:1px solid #38bdf8}.contact-page__form button{color:#000;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:10px;padding:14px;transition:all .3s}.contact-page__form button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #38bdf84d}.form__message{font-size:14px}.form__message.success{color:#38bdf8}.form__message.error{color:#f87171}.contact-page__socials{margin-top:50px}@media (width<=600px){.form__row{flex-direction:column}}.contact__divider{text-align:center;margin:20px 0;position:relative}.contact__divider span{color:#94a3b8;z-index:1;background:#020617;padding:0 10px;font-size:13px;position:relative}.contact__divider:before{content:"";z-index:0;background:#94a3b833;width:100%;height:1px;position:absolute;top:50%;left:0}.contact__whatsapp{text-align:center;color:#000;background:#25d366;border-radius:8px;padding:12px;font-weight:500;transition:all .3s;display:block}.contact__whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.contact__alt{justify-content:center;gap:20px;margin-top:10px;display:flex}.contact__alt a{color:#cbd5f5;border:1px solid #94a3b833;border-radius:6px;padding:8px 14px;font-size:14px;transition:all .3s}.contact__alt a:hover{color:#38bdf8;border-color:#38bdf8}.updates-page{background:#020617;min-height:100vh;padding:100px 20px}.updates-title{text-align:center;color:#38bdf8;margin-bottom:50px;font-size:36px}.updates-card{background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;max-width:650px;margin:auto;padding:25px}.post{background:#020617;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:20px;padding:18px;transition:all .3s}.post:hover{border:1px solid #38bdf8}.post-header{justify-content:space-between;margin-bottom:10px;display:flex}.name{color:#e2e8f0;font-weight:600}.role,.time{color:#94a3b8;font-size:12px}.post-text{color:#e2e8f0;margin-bottom:10px}.post img{border-radius:10px;width:100%;margin-top:10px}.post iframe{border-radius:10px;width:100%;height:250px;margin-top:10px}.post-actions{color:#94a3b8;gap:20px;margin-top:12px;font-size:14px;display:flex}.post-actions span:hover{color:#38bdf8;cursor:pointer}.footer{background:#020617;border-top:1px solid #94a3b81a;padding:60px 20px 20px}.footer__container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1100px;margin:auto;display:flex}.footer__brand h3{color:#38bdf8;margin-bottom:8px}.footer__brand p{color:#94a3b8;font-size:14px}.footer__links{flex-direction:column;gap:8px;display:flex}.footer__links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:all .3s}.footer__links a:hover{color:#38bdf8}.footer__socials{align-items:center;display:flex}.footer__bottom{text-align:center;color:#64748b;margin-top:40px;font-size:13px}.auth__container{background:linear-gradient(135deg,#0f172a,#020617);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0d;border-radius:16px;width:350px;padding:2rem;box-shadow:0 8px 32px #0000004d}.auth__card h2{color:#fff;margin-bottom:1.5rem}.auth__card input{color:#fff;background:#1e293b;border:none;border-radius:8px;outline:none;width:100%;margin:10px 0;padding:10px}.auth__card input:focus{border:1px solid #38bdf8}.auth__card button{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:10px;font-weight:700;transition:all .3s}.auth__card button:hover{background:#0ea5e9}.auth__link{color:#94a3b8;margin-top:1rem;font-size:14px}.auth__link span{color:#38bdf8;cursor:pointer}.auth__divider{text-align:center;color:#aaa;margin:20px 0;position:relative}.auth__divider:before,.auth__divider:after{content:"";background:#2a344a;width:40%;height:1px;position:absolute;top:50%}.auth__divider:before{left:0}.auth__divider:after{right:0}.auth__divider span{background:#111a2b;padding:0 10px}.google-btn{justify-content:center;margin-bottom:15px;display:flex}.checkout__container{background:linear-gradient(135deg,#020617,#0f172a);justify-content:center;align-items:center;min-height:100vh;display:flex}.checkout__card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;background:#ffffff0d;border-radius:16px;width:400px;padding:2rem;box-shadow:0 8px 30px #0006}.checkout__card h2{margin-bottom:1rem}.checkout__info{text-align:left;margin:1.5rem 0}.checkout__info p{color:#94a3b8;margin:8px 0}.checkout__price{color:#38bdf8;margin:1rem 0;font-size:1.5rem;font-weight:700}.checkout__btn{cursor:pointer;background:#38bdf8;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700;transition:all .3s}.checkout__btn:hover{background:#0ea5e9}.cart__container{background:linear-gradient(135deg,#020617,#0f172a);justify-content:center;align-items:center;min-height:100vh;display:flex}.cart__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border-radius:16px;width:500px;padding:2rem}.cart__item{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cart__item img{border-radius:8px;width:60px}.cart__item button{color:#fff;cursor:pointer;background:red;border:none;margin-left:auto;padding:5px 10px}.cart__total{color:#38bdf8;margin-top:1rem}.cart__checkout{cursor:pointer;background:#38bdf8;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:10px;font-weight:700}.viewproduct{color:#fff;min-height:100vh;padding:80px 20px}.viewproduct__container{max-width:1000px;margin:0 auto}.viewproduct__main{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.viewproduct__img{border-radius:15px;width:100%;box-shadow:0 10px 30px #00000080}.category-tag{color:#38bdf8;text-transform:uppercase;font-size:14px;font-weight:700}.viewproduct__details h1{margin:10px 0;font-size:2.5rem}.price{color:#22c55e;margin:20px 0;font-size:2rem}.viewproduct__actions{align-items:center;gap:15px;margin-top:30px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-weight:700;display:flex}.btn-action.download{color:#fff;background:#38bdf8}.btn-action.view{color:#fff;background:#1e293b;border:1px solid #334155}.btn-icon{color:#fff;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:50%;padding:10px;font-size:20px;transition:all .3s}.btn-icon.liked{color:#ef4444;border-color:#ef4444}.viewproduct__social{background:#0f172a;border-radius:15px;padding:30px}.comment-form textarea{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;width:100%;height:80px;margin:15px 0;padding:15px}.comment-form button{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:5px;padding:10px 25px}.comment-item{border-bottom:1px solid #334155;padding:15px 0}.comment-item span{color:#64748b;margin-left:10px;font-size:12px}.price.status-paid{color:#22c55e;letter-spacing:1px;background:#22c55e1a;border-radius:6px;padding:5px 15px;font-size:1.5rem;display:inline-block}.admin__container{color:#fff;background:#0b1220;min-height:100vh;padding:40px}.admin__back{cursor:pointer;color:#fff;background:#333;border:none;border-radius:6px;margin-bottom:20px;padding:8px 14px;transition:all .3s}.admin__back:hover{background:#444}.admin__title{text-align:center;margin-bottom:30px;font-size:32px}.admin__analytics{margin-bottom:40px}.admin__stats{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.admin__stat{background:#111a2b;border:1px solid #2a344a;border-radius:12px;min-width:150px;padding:15px 20px;transition:all .3s}.admin__stat:hover{border-color:#39c;transform:translateY(-3px)}.admin__top{margin-top:20px}.admin__top p{opacity:.8;margin:5px 0}.admin__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.admin__card{cursor:pointer;text-align:center;background:#111a2b;border:1px solid #2a344a;border-radius:16px;padding:30px;transition:all .3s}.admin__card:hover{background:#16223a;border-color:#39c;transform:translateY(-6px)scale(1.02);box-shadow:0 10px 25px #39c3}.admin__card h2{margin-bottom:10px}.admin__card p{opacity:.7}@media (width<=600px){.admin__container{padding:20px}.admin__title{font-size:24px}.admin__stats{flex-direction:column}}.admin-form{background:#1e2532;border-radius:8px;max-width:800px;margin-top:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.form-group label{color:#fff;margin-bottom:.5rem;font-weight:700}.form-section{background:#2a344a;border-radius:8px;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.form-section h3{color:#fff;border-bottom:1px solid #3d4a60;margin-bottom:1rem;padding-bottom:.5rem}.flex.gap-2{align-items:center;gap:.5rem;display:flex}.w-full{width:100%}.p-2{padding:.75rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.admin-form input,.admin-form textarea,.admin-form select{color:#fff;background:#161b22;border:1px solid #3d4a60;border-radius:4px;outline:none}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:#39c}.text-sm.text-gray-500{color:#aaa;margin-bottom:1rem;font-size:.85rem;display:block}.relative{position:relative}.absolute.top-2.right-2{position:absolute;top:.5rem;right:.5rem}.border{border:1px solid #3d4a60}.alert{color:#fff;text-align:center;background-color:#4caf50;border-radius:4px;margin-bottom:1rem;padding:1rem}.adminP__container{color:#fff;background:#0b1220;min-height:100vh;padding:30px}.adminP__form{gap:10px;margin-bottom:30px;display:grid}.adminP__form input{border:none;border-radius:6px;padding:8px}.adminP__form button{color:#fff;cursor:pointer;background:#39c;border:none;border-radius:6px;padding:10px}.adminP__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.adminP__card{text-align:center;background:#111a2b;border-radius:10px;padding:15px}.adminP__card img{border-radius:8px;width:100%}.adminP__card button{color:#fff;cursor:pointer;background:red;border:none;margin-top:10px;padding:6px}.adminP__category-tag{color:#38bdf8;text-transform:uppercase;background:#38bdf833;border-radius:4px;margin-bottom:5px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.adminP__form select{color:#fff;background:#1e2532;border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px}.blogdetail{color:#fff;background-color:#0000;min-height:100vh;padding:6rem 1.5rem 4rem}.blogdetail__container{max-width:800px;margin:0 auto}.blogdetail__loading{color:#cbd5e1;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.blogdetail__back-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-bottom:2rem;padding:0;font-size:1rem;transition:color .3s;display:inline-block}.blogdetail__back-btn:hover{color:#38bdf8}.blogdetail__image-wrapper{border-radius:12px;width:100%;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 10px 25px #0000004d}.blogdetail__image{object-fit:cover;width:100%;height:auto;max-height:450px;display:block}.blogdetail__header{border-bottom:1px solid #334155;margin-bottom:3rem;padding-bottom:2rem}.blogdetail__category{color:#38bdf8;text-transform:uppercase;letter-spacing:1px;background:#38bdf826;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.blogdetail__title{color:#f8fafc;margin-bottom:1.5rem;font-size:2.8rem;line-height:1.2}.blogdetail__meta{color:#94a3b8;gap:2rem;font-size:.95rem;display:flex}.meta-item{flex-direction:column;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem;font-size:.8rem}.meta-value{color:#f1f5f9;font-weight:500}.blogdetail__content{color:#cbd5e1;font-size:1.15rem;line-height:1.8}.blogdetail__content p{margin-bottom:1.5rem}.blogdetail__content h1,.blogdetail__content h2,.blogdetail__content h3,.blogdetail__content h4{color:#f8fafc;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.blogdetail__content h2{border-bottom:1px solid #334155;padding-bottom:.5rem;font-size:1.8rem}.blogdetail__content h3{font-size:1.5rem}.blogdetail__content a{color:#38bdf8;text-underline-offset:4px;text-decoration:underline}.blogdetail__content a:hover{color:#7dd3fc}.blogdetail__content ul,.blogdetail__content ol{margin-bottom:1.5rem;padding-left:2rem}.blogdetail__content li{margin-bottom:.5rem}.blogdetail__content blockquote{color:#94a3b8;background:#1e293b;border-left:4px solid #38bdf8;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.blogdetail__content img{border-radius:8px;max-width:100%;height:auto;margin:2rem 0;display:block}.blogdetail__content pre{background:#0f172a;border:1px solid #334155;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto}.blogdetail__content code{color:#7dd3fc;background:#1e293b;border-radius:4px;padding:.2rem .4rem;font-family:Courier New,Courier,monospace;font-size:.9em}.blogdetail__content pre code{color:#e2e8f0;background:0 0;padding:0}@media screen and (width<=768px){.blogdetail{padding-top:5rem}.blogdetail__title{font-size:2.2rem}.blogdetail__meta{flex-direction:column;gap:1rem}}.loader-wrapper{z-index:9999;background:#020617;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:45px;height:45px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}