@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1db2973a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.da3cbacd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.a61bc753.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_fb2c0661-module__egLBpq__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_fb2c0661-module__egLBpq__variable{--font-poppins:"Poppins","Poppins Fallback"}
:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--secondary:#3b82f6;--accent:#10b981;--gold:#f59e0b;--silver:#94a3b8;--bronze:#b45309;--dark:#0f172a;--darker:#020617;--light:#f8fafc;--gray:#94a3b8;--dark-gray:#475569;--light-gray:#e2e8f0;--card-bg:#1e293b;--gradient:linear-gradient(135deg,var(--primary),var(--secondary));--gradient-gold:linear-gradient(135deg,#f59e0b,#d97706);--gradient-silver:linear-gradient(135deg,#94a3b8,#64748b);--gradient-bronze:linear-gradient(135deg,#b45309,#92400e);--shadow:0 10px 30px #0000004d;--shadow-hover:0 20px 40px #8b5cf640;--radius:16px;--transition:all .4s cubic-bezier(.175,.885,.32,1.1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--light);background-color:var(--dark);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{margin-bottom:1rem;font-family:Poppins,sans-serif;font-weight:700;line-height:1.2}h1{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1.1}h2{text-align:center;margin-bottom:3rem;font-size:2.8rem;position:relative}h2:after{content:"";background:var(--gradient);border-radius:2px;width:120px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}h3{margin-bottom:1.2rem;font-size:1.8rem}p{color:var(--gray);margin-bottom:1.2rem;font-size:1rem;line-height:1.7}section{padding:5rem 1.5rem;position:relative}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.hero-section{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-background-wrapper{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;position:relative}nav{animation:1s forwards slideDown;transform:translateY(-100%)}.reveal-name{letter-spacing:-2px;background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,6rem);font-weight:800;animation:1.5s cubic-bezier(.4,0,.2,1) forwards cinematicReveal}.fade-in-content{opacity:0;animation:1.5s 1.2s forwards fadeIn}@keyframes slideDown{to{transform:translateY(0)}}@keyframes cinematicReveal{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.9)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-down{color:#555;font-size:1.5rem;animation:2s infinite bounce;position:absolute;bottom:30px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.hero{background:linear-gradient(135deg,var(--darker)0%,var(--dark)100%);align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-background:before{content:"";background:radial-gradient(circle at 20% 80%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 40% 40%,#10b9811a 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;max-width:1000px;margin:0 auto;position:relative}.typewriter-container{justify-content:center;align-items:center;height:60px;margin:1.5rem 0;display:flex}.typewriter{color:var(--light);font-size:1.8rem;font-weight:700;position:relative}.typewriter-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.typewriter-text:after{content:"|";color:var(--primary);animation:1s infinite blink;position:absolute;right:-8px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;display:flex}.hero-btn{z-index:1;transition:var(--transition);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:12px;min-width:200px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow)}.btn-secondary{color:var(--light);border:2px solid var(--primary);background:0 0}.hero-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%}.hero-btn:hover:before{left:100%}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)scale(1.05)}.btn-secondary:hover{background:var(--primary);box-shadow:var(--shadow);transform:translateY(-5px)}.btn-icon{font-size:1.2rem;transition:transform .3s}.hero-btn:hover .btn-icon{transform:translate(5px)}.social-icons{justify-content:center;gap:1.2rem;margin-top:3rem;display:flex}.social-icon{background:var(--card-bg);width:50px;height:50px;color:var(--light);transition:var(--transition);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-icon:before{content:"";background:var(--gradient);z-index:-1;border-radius:50%;width:100%;height:100%;transition:transform .5s;position:absolute;transform:scale(0)}.social-icon:hover:before{transform:scale(1)}.social-icon:hover{color:#fff;transform:translateY(-8px)rotate(10deg);box-shadow:0 10px 20px #8b5cf64d}.scroll-down{z-index:2;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-down i{color:var(--primary);font-size:1.5rem}.stats-section{background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:60px 20px}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;display:grid}.stat-item{opacity:0;transition:all .6s ease-out;transform:translateY(20px)}.stat-item.visible{opacity:1;transform:translateY(0)}.counter-wrapper{color:#3b82f6;font-size:3.5rem;font-weight:800;font-family:var(--font-poppins);text-shadow:0 0 20px #3b82f64d;justify-content:center;align-items:baseline;margin-bottom:10px;display:flex}.stat-suffix{color:#3b82f6;margin-left:5px;font-size:1.5rem}.stat-item p{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.95rem}@media (max-width:768px){.counter-wrapper{font-size:2.5rem}}.logo-loop-section{background:var(--darker);padding:3rem 0;position:relative;overflow:hidden}.logo-loop-title{text-align:center;color:var(--light);margin-bottom:2.5rem;font-size:1.8rem}.logo-track{gap:3rem;padding:1rem 0;animation:8s linear infinite logoScroll;display:flex}.logo-item{background:var(--card-bg);border-radius:var(--radius);min-width:180px;transition:var(--transition);border:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:12px;padding:1.2rem 1.8rem;display:flex}.logo-item:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-10px)}.logo-item i{color:var(--primary);font-size:1.8rem}.logo-item span{font-size:1rem;font-weight:600}.custom-icon{object-fit:contain;width:32px;height:32px;transition:var(--transition)}.logo-item:hover .custom-icon{transform:scale(1.1)}.custom-icon.colored{filter:none}.custom-icon.colored:hover{filter:brightness(1.2)contrast(1.2)}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-section{background:var(--dark)}.skill-category{background:var(--card-bg);border-radius:var(--radius);transition:var(--transition);opacity:0;border:1px solid #ffffff0d;padding:2.5rem;transform:translateY(40px)}.skill-category.visible{opacity:1;transform:translateY(0)}.skill-category:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-10px)}.skill-category h3{color:var(--primary);align-items:center;gap:12px;margin-bottom:2rem;display:flex}.skill-category h3 i{font-size:1.5rem}.service-plans{background:var(--darker)}.service-category{margin-bottom:5rem}.service-category:last-child{margin-bottom:0}.plan-tiers{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.plan-card{background:var(--card-bg);border-radius:var(--radius);transition:var(--transition);opacity:0;border:1px solid #ffffff0d;padding:2.5rem;position:relative;overflow:hidden;transform:translateY(40px)}.plan-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-15px)}.plan-card.bronze{border-color:var(--bronze)}.plan-badge{padding:.5rem 3rem;font-size:.9rem;font-weight:700;position:absolute;top:15px;right:-30px;transform:rotate(45deg)}.bronze .plan-badge{background:var(--gradient-bronze);color:#fff}.silver .plan-badge{background:var(--gradient-silver);color:#fff}.gold .plan-badge{background:var(--gradient-gold);color:#fff}.plan-name{margin-bottom:1rem;font-size:1.8rem}.bronze .plan-name{color:var(--bronze)}.silver .plan-name{color:var(--silver)}.gold .plan-name{color:var(--gold)}.plan-price{margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.plan-features{margin:2rem 0;list-style:none}.plan-features li{color:var(--gray);border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:.6rem 0;display:flex}.plan-features li i{font-size:1rem}.bronze .plan-features li i{color:var(--bronze)}.silver .plan-features li i{color:var(--silver)}.gold .plan-features li i{color:var(--gold)}.plan-button{cursor:pointer;width:100%;transition:var(--transition);z-index:1;border:none;border-radius:50px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.bronze .plan-button{background:var(--gradient-bronze);color:#fff}.silver .plan-button{background:var(--gradient-silver);color:#fff}.gold .plan-button{background:var(--gradient-gold);color:#fff}.plan-button:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%}.plan-button:hover:before{left:100%}.plan-button:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.service-plans{padding:80px 0}.section-title{text-align:center;margin-bottom:4rem;font-size:2.5rem}.category-title{text-align:center;color:#3b82f6;margin:3rem 0 2rem;font-size:1.8rem}.plan-tiers{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.plan-card{text-align:center;opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem 1.5rem;transition:all .4s;position:relative;transform:translateY(30px)}.plan-card.visible{opacity:1;transform:translateY(0)}.plan-card:hover{border-color:#3b82f6;transform:translateY(-10px)}.plan-badge{letter-spacing:2px;color:#888;margin-bottom:1rem;font-size:.7rem;font-weight:800}.plan-price{color:#fff;margin:1rem 0;font-size:1.5rem;font-weight:700}.plan-desc{color:#aaa;min-height:3rem;margin-bottom:2rem;font-size:.9rem}.plan-features{text-align:left;margin-bottom:2.5rem;padding:0;list-style:none}.plan-features li{align-items:center;gap:10px;margin-bottom:.8rem;font-size:.9rem;display:flex}.included{color:#eee}.not-included{color:#555}.icon-check{color:#10b981}.icon-times{color:#ef4444}.plan-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;width:100%;padding:12px;font-weight:600;transition:all .3s}.plan-button:hover{background:#2563eb;transform:scale(1.02)}.plan-card.silver{border-color:#3b82f64d}.plan-card.gold{border-color:#f59e0b4d}.navbar{z-index:1000;background:0 0;width:100%;padding:25px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;padding:15px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:1px;font-size:1.5rem;font-weight:800}.nav-logo span{color:#3b82f6}.nav-links-desktop{gap:30px;list-style:none;display:flex}.nav-links-desktop a{color:#ccc;font-size:.9rem;font-weight:500;transition:all .3s}.nav-links-desktop a:hover{color:#fff}.mobile-toggle{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.8rem;display:none}.nav-menu-mobile{z-index:1000;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:all .6s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;right:-100%}.nav-menu-mobile.open{right:0}.mobile-links{text-align:center;list-style:none}.mobile-links li{opacity:0;margin:20px 0;transition:all .4s;transform:translateY(20px)}.mobile-links li.fade-in{opacity:1;transform:translateY(0)}.mobile-links a{color:#fff;font-size:2.5rem;font-weight:700;text-decoration:none}@media (max-width:768px){.nav-links-desktop{display:none}.mobile-toggle{display:block}}html{scroll-behavior:smooth;scroll-padding-top:80px}.contact-section{background:#0a0a0a;padding:100px 0}.contact-container{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-info h3{margin-bottom:1rem;font-size:2rem}.contact-method{align-items:center;gap:20px;margin-bottom:25px;display:flex}.contact-icon{color:#3b82f6;background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;display:flex}.social-links-grid{gap:15px;margin-top:30px;display:flex}.social-icon-btn{color:#fff;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .3s;display:flex}.social-icon-btn:hover{background:#3b82f6;transform:translateY(-5px)}.contact-form-card{background:#111;border:1px solid #ffffff0d;border-radius:24px;padding:40px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;margin-bottom:8px;font-size:.9rem;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:10px;width:100%;padding:12px 16px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover{background:#2563eb}@media (max-width:992px){.contact-container{grid-template-columns:1fr;gap:40px}}.portfolio-section{background:var(--dark)}.portfolio-categories{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.portfolio-category{background:var(--card-bg);border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid #ffffff0d;padding:3rem 2rem;position:relative;overflow:hidden}.portfolio-category:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-10px)}.portfolio-category:hover:before{content:"";background:linear-gradient(45deg,#0000 30%,#8b5cf61a 50%,#0000 70%);width:100%;height:100%;animation:2s linear infinite shine;position:absolute;top:0;left:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-content{text-align:center;z-index:1;position:relative}.category-icon{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2rem;display:flex}.portfolio-category h3{color:var(--light);margin-bottom:1rem;font-size:1.8rem}.portfolio-category p{color:var(--gray);margin-bottom:1.5rem;font-size:1rem}.project-count{color:var(--primary);background:#8b5cf61a;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.projects-section{padding:100px 20px}.section-header{text-align:center;margin-bottom:50px}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.filter-tabs button{color:#fff;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #ffffff1a;border-radius:30px;padding:8px 20px;font-size:.8rem;transition:all .3s}.filter-tabs button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 15px #3b82f680}.modern-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:50px;display:grid}.project-card-v2{cursor:pointer;background:#111;border:1px solid #ffffff0d;border-radius:15px;transition:transform .4s;position:relative;overflow:hidden}.project-card-v2:hover{transform:translateY(-10px)}.browser-ui{background:#1a1a1a;border-bottom:1px solid #222;gap:6px;padding:12px;display:flex}.browser-ui .dot{background:#333;border-radius:50%;width:8px;height:8px}.project-card-v2:hover .dot:first-child{background:#ff5f56}.project-card-v2:hover .dot:nth-child(2){background:#ffbd2e}.project-card-v2:hover .dot:nth-child(3){background:#27c93f}.card-image-wrapper{height:300px;position:relative;overflow:hidden}.card-image.scroll-effect{background-size:100%}.project-card-v2:hover .scroll-effect{background-position:bottom}.action-trigger{color:#fff;opacity:0;margin:15px 0;font-size:3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5)}.project-card-v2:hover .action-trigger{opacity:1;transform:scale(1)}.card-image{background-position:50%;background-size:100%;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,1,.3,1)}.card-overlay{opacity:0;background:linear-gradient(#0000 10%,#000000e6 90%);align-items:flex-end;padding:30px;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card-v2:hover .card-overlay{opacity:1}.project-card-v2:hover .card-image{transform:scale(1.1)}.overlay-content h3{color:#fff;margin:10px 0;font-size:1.5rem}.project-cat-tag{text-transform:uppercase;color:#3b82f6;letter-spacing:2px;font-size:.7rem;font-weight:800}.project-tools-mini{color:#888;gap:10px;font-size:.75rem;display:flex}.action-links{margin-top:20px}.icon-link{color:#fff;font-size:1.8rem;transition:color .3s}.icon-link:hover{color:#3b82f6}@media (max-width:768px){.modern-grid{grid-template-columns:1fr}.card-overlay{opacity:1;background:linear-gradient(#0000,#000c)}}footer{background:var(--darker);border-top:1px solid #ffffff0d;padding:3rem 1.5rem 1.5rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1400px;margin:0 auto 2rem;display:grid}.footer-col h3{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.footer-description{color:var(--gray);margin-top:1rem;font-size:.9rem;line-height:1.6}.footer-links,.footer-list{margin:0;padding:0;list-style:none}.footer-links li,.footer-list li{color:var(--gray);margin-bottom:.8rem;font-size:.9rem}.footer-links a{color:var(--gray);transition:var(--transition);text-decoration:none}.footer-links a:hover{color:#3b82f6;padding-left:5px}.footer-bottom{text-align:center;color:var(--dark-gray,#666);border-top:1px solid #ffffff0d;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}@media (max-width:1024px){h1{font-size:3rem}h2{font-size:2.3rem}.typewriter{font-size:1.5rem}}@media (max-width:768px){section{padding:4rem 1rem}h1{font-size:2.5rem}h2{font-size:2rem}.typewriter{font-size:1.3rem}.hero-buttons{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.plan-tiers,.skills-categories{grid-template-columns:1fr}.nav-links{display:none}.logo-track{gap:2rem}.logo-item{min-width:160px;padding:1rem 1.5rem}.portfolio-categories{grid-template-columns:1fr}.modal-content{width:95%;margin:1rem}.projects-grid{grid-template-columns:1fr}.modal-header,.modal-body{padding:1.5rem}}@media (max-width:480px){html{font-size:14px}h1{font-size:2.2rem}h2{font-size:1.8rem}.typewriter{font-size:1.1rem}.counter{font-size:2.2rem}.plan-price{font-size:2rem}}.skills-section{background:var(--dark);opacity:1!important;visibility:visible!important}.skills-categories{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.skill-category{background:var(--card-bg);border-radius:var(--radius);transition:var(--transition);border:1px solid #ffffff0d;padding:2.5rem;opacity:1!important;visibility:visible!important;transform:none!important}.skill-item{margin-bottom:1.5rem}.skill-info{justify-content:space-between;margin-bottom:.5rem;display:flex}.skill-name{color:var(--light);font-weight:600}.skill-percentage{color:var(--primary);font-weight:600}.skill-bar{background:#ffffff0d;border-radius:5px;height:10px;overflow:hidden}.skill-progress{background:var(--gradient);border-radius:5px;width:0;height:100%;transition:width 1.5s}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#111;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:1000px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-media-element{object-fit:contain;width:100%;max-height:70vh;display:block}.audio-player-container{text-align:center;background:linear-gradient(#1a1a1a,#000);padding:60px 20px}.music-icon-anim{color:#3b82f6;margin-bottom:20px;font-size:4rem;animation:2s infinite pulse}.custom-audio-player{filter:invert();width:100%;max-width:500px;margin-top:20px}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;transition:all .3s;position:absolute;top:20px;right:20px}.modal-close:hover{background:#ef4444;transform:rotate(90deg)}.modal-footer{background:#111;border-top:1px solid #222;padding:20px}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.toast-container{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;min-width:300px;padding:16px 20px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideIn;display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 10px 30px #00000080}.toast-container.success{background:#10b98126;border-left:4px solid #10b981}.toast-container.error{background:#ef444426;border-left:4px solid #ef4444}.toast-icon{font-size:1.2rem}.success .toast-icon{color:#10b981}.error .toast-icon{color:#ef4444}.toast-message{color:#fff;flex:1;font-size:.9rem;font-weight:500}.toast-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;transition:all .3s}.toast-close:hover{color:#fff}.toast-progress-bar{background:#fff3;width:100%;height:3px;position:absolute;bottom:0;left:0}.toast-progress-bar:after{content:"";background:currentColor;width:100%;height:100%;animation:5s linear forwards toastProgress;position:absolute;left:0}.success .toast-progress-bar:after{color:#10b981}.error .toast-progress-bar:after{color:#ef4444}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media (max-width:480px){.toast-container{min-width:auto;bottom:20px;left:20px;right:20px}}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr;gap:0}}