:root{--bg:#070707;--bg-secondary:#0f0f0f;--text:#d6d6d6;--text-h:#fff;--border:#ffffff14;--accent:gold;--accent-bg:#ffd70014;--accent-border:#ffd70059;--surface:#ffffff08;--code-bg:#ffffff0a;--social-bg:#ffffff05;--shadow:0 10px 30px #0009, 0 0 15px #ffd70014;--sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--heading:var(--sans);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size:clamp(14px,1vw,18px);font-family:var(--sans);letter-spacing:.2px;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--container-padding:clamp(16px, 5vw, 40px);--section-spacing:clamp(60px, 10vw, 120px);--h1:clamp(2.4rem, 7vw, 5rem);--h2:clamp(1.8rem, 5vw, 3rem);--h3:clamp(1.2rem, 3vw, 1.8rem);--p:clamp(.95rem, 2vw, 1.1rem);background:radial-gradient(circle at top,#111 0%,#070707 55%,#050505 100%);line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--sans);margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-h);margin-top:0;line-height:1.1}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p{font-size:var(--p);margin:0}a{color:var(--accent);text-decoration:none;transition:all .3s}a:hover{text-shadow:0 0 6px #ffd700b3,0 0 15px #ffd7004d}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding-inline:var(--container-padding);margin-inline:auto}section{padding-block:var(--section-spacing)}button{font-family:inherit}::selection{color:#fff;background:#ffd70033}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#ffd70066}@media (width<=1024px){:root{--section-spacing:90px}}@media (width<=768px){:root{--section-spacing:70px;--container-padding:20px}body{overflow-x:hidden}}@media (width<=480px){:root{--section-spacing:60px;--container-padding:16px}h1{line-height:1.2}}@media (width<=360px){:root{font-size:13px}}.navbar{z-index:9999;background:#0a0a0a;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;display:flex;position:fixed;top:0;left:0}.navbar-left{align-items:center;display:flex}.navbar-left img{object-fit:contain;filter:drop-shadow(0 0 8px #ffd70040);width:55px;height:55px;transition:all .3s}.navbar-left img:hover{filter:drop-shadow(0 0 12px #ffd70073);transform:scale(1.05)}.nav-links{z-index:9999;gap:26px;list-style:none;display:flex}.nav-links li a{color:gold;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links li a:hover{color:gold;text-shadow:0 0 10px #ffd700cc}.nav-links li a:hover:after{width:100%}.burger{cursor:pointer;flex-direction:column;gap:5px;display:none}.burger span{background:gold;border-radius:5px;width:28px;height:3px;transition:all .3s;box-shadow:0 0 8px gold}.burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.burger{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#0a0a0afa;flex-direction:column;align-items:center;gap:18px;width:100%;padding:20px 0;transition:all .3s;position:absolute;top:70px;right:0;transform:translateY(-20px)}.nav-links.show{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links li{text-align:center;width:100%}.nav-links li a{width:100%;padding:12px;display:block}}.btn{letter-spacing:.5px;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #0000;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn.primary{color:gold;background:#ffd70014;border:1px solid #ffd70059;box-shadow:0 0 10px #ffd70026,inset 0 0 10px #ffd7000d}.btn.primary:before{content:"";background:linear-gradient(120deg,#0000,#ffd7004d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn.primary:hover:before{left:100%}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #ffd70040,0 0 40px #ffd7001a}.btn.ghost{color:#fff;background:#ffffff05;border:1px solid #ffffff1a}.btn.ghost:hover{color:gold;border-color:#ffd7004d;transform:translateY(-2px);box-shadow:0 0 15px #ffd7001f}#home{align-items:center;width:100%;padding:100px 20px;display:flex}.container-profile{justify-content:space-between;align-items:center;gap:120px;width:100%;max-width:1200px;margin:0 auto;display:flex}.profile-left{flex:1}.profile-badge{color:gold;background:#ffd70014;border:1px solid #ffd7002e;border-radius:999px;margin-bottom:25px;padding:8px 16px;font-size:.9rem;display:inline-block;box-shadow:0 0 12px #ffd70014}.profile-left h1{color:#fff;margin-bottom:10px;font-size:4rem;line-height:1.1}.profile-left h1 span{color:gold;text-shadow:0 0 12px #ffd70040}.profile-left h2{color:#ffd700d9;margin-bottom:25px;font-size:1.5rem;font-weight:500}.profile-description{color:#ffd700b8;max-width:650px;margin-bottom:35px;line-height:1.8}.button-container{flex-wrap:wrap;gap:16px;display:flex}.profile-right{flex:1;justify-content:center;display:flex}.image-wrapper{background:#ffffff05;border:1px solid #ffd70026;border-radius:30px;width:350px;height:350px;position:relative;overflow:hidden;box-shadow:0 0 30px #ffd70014,0 20px 40px #000000b3}.image-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle at bottom,#ffd7002e,#0000 70%);position:absolute;inset:0}.image-wrapper img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.container-profile{text-align:center;flex-direction:column-reverse}.profile-left{flex-direction:column;align-items:center;display:flex}.profile-left h1{font-size:3rem}}@media (width<=600px){#home{margin-top:60px;padding:80px 20px}.profile-left h1{font-size:2.4rem}.profile-left h2{font-size:1.1rem}.image-wrapper{width:260px;height:260px}}#service{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:100px 20px}.service-card img{filter:brightness(0)saturate()invert(78%)sepia(91%)saturate(1050%)hue-rotate(4deg)brightness(104%)contrast(105%)drop-shadow(0 0 8px #ffd70099)drop-shadow(0 0 15px #ffd7004d);width:50px;height:50px;margin:0 auto;display:block}.service-header{text-align:center;max-width:700px;margin:0 auto 60px}.service-header h1{color:gold;text-shadow:0 0 10px #ffd7004d;margin-bottom:20px;font-size:4rem}.service-header p{color:#bdbdbd;line-height:1.8}.service-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;display:grid}.service-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffd7001a;border-radius:24px;width:100%;padding:35px;transition:all .3s}.service-card:hover{border-color:#ffd7004d;transform:translateY(-8px);box-shadow:0 0 25px #ffd70014}.service-icon{margin-bottom:20px;font-size:3rem}.service-card h2{text-align:center;color:gold;margin-bottom:15px;font-size:2rem}.service-card p{color:#bdbdbd;margin-bottom:20px;line-height:1.7}.service-card ul{color:#d6d6d6;padding-left:20px}.service-card li{margin-bottom:10px}@media (width<=1024px){.service-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){#service{padding:80px 20px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}}.dev-slider-section{width:100%;padding:50px 0}.slider-header{margin-bottom:30px}.slider-header h1{text-align:center;color:gold;text-shadow:0 20px 40px #0009,0 0 25px #ffd9006e;margin-bottom:10px;font-size:4rem}.slider-header p{text-align:center;color:#bdbdbd;max-width:600px;margin:30px auto;display:block}.dev-slider{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding-bottom:15px;display:flex;overflow-x:auto}.dev-slider::-webkit-scrollbar{display:none}.dev-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scroll-snap-align:start;background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;min-width:380px;max-width:380px;margin-top:20px;transition:all .35s;overflow:hidden;box-shadow:0 10px 30px #00000080,0 0 15px #ffd7000d}.dev-card:hover{border-color:#ffd70040;transform:translateY(-8px);box-shadow:0 20px 40px #0009,0 0 25px #ffd7001f}.dev-card-image{justify-content:center;align-items:center;width:100%;height:200px;margin-top:12px;padding:20px;display:flex;overflow:hidden}.dev-card-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:all .4s}.dev-card:hover .dev-card-image img{transform:scale(1.08)}.dev-card-content{padding:22px}.dev-card-content h2{color:gold;margin-bottom:12px;font-size:2rem}.dev-card-content p{color:#bdbdbd;line-height:1.6}@media (width<=768px){.slider-header h1{font-size:2.2rem}.dev-card{min-width:300px;max-width:300px}.dev-card-image{height:200px}}@media (width<=480px){.dev-slider-section{padding:60px 0}.slider-header h1{font-size:1.8rem}.dev-card{min-width:85%;max-width:85%}}.popup-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999999;background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.popup-box{color:#e8e8e8;background:#0a0a0ad9;border:1px solid #ffd70026;border-radius:28px;width:95%;max-width:1300px;max-height:92vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 25px #ffd70014}.popup-close{color:gold;cursor:pointer;background:#ffd70014;border:none;border-radius:50%;width:42px;height:42px;font-size:20px;transition:all .25s;position:absolute;top:18px;right:18px}.popup-close:hover{background:#ffd70026;transform:rotate(90deg)}.popup-box>h1{text-align:center;color:gold;text-shadow:0 0 12px #ffd70040;margin-bottom:40px;font-size:2.8rem}.project-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:60px;padding:25px}.project-item h2{color:gold;margin-bottom:10px;font-size:1.8rem}.project-item p{color:#bdbdbd;margin-bottom:25px;line-height:1.7}.tools-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;margin:25px 0;display:flex}.tool-card{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:all .3s;display:flex}.tool-card img{object-fit:contain;filter:drop-shadow(0 0 6px #ffd70040);width:42px;height:42px;transition:all .3s}.tool-card span{color:#ffd700cc;margin-top:6px;font-size:.75rem}.tool-card:hover img{filter:drop-shadow(0 0 10px #ffd70073);transform:scale(1.15)}.image-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.image-grid::-webkit-scrollbar{display:none}.image-grid img{object-fit:contain;scroll-snap-align:start;border:1px solid #ffd70014;border-radius:16px;flex:none;width:350px;height:220px;transition:all .3s}.image-grid img:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70026}.demo-container{justify-content:center;margin-top:25px;display:flex}.demo-button{color:gold;background:#ffd70014;border:1px solid #ffd70040;border-radius:14px;justify-content:center;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.demo-button:hover{background:#ffd70026;transform:translateY(-3px);box-shadow:0 0 12px #ffd70040,0 0 24px #ffd70026}@media (width<=768px){.popup-box{padding:20px}.popup-box>h1{font-size:2rem}.image-grid img{width:260px;height:180px}.tools-grid{gap:18px}}@media (width<=480px){.popup-box>h1{font-size:1.6rem}.image-grid img{width:220px;height:160px}.tool-card img{width:36px;height:36px}}.contact-section{width:100%;padding:50px 20px}.contact-header{text-align:center;margin-bottom:70px}.contact-badge{color:gold;background:#ffd7000d;border:1px solid #ffd70033;border-radius:999px;margin-bottom:20px;padding:8px 16px;display:inline-block;box-shadow:0 0 12px #ffd70014}.contact-header h1{color:gold;text-shadow:0 0 12px #ffd70033;margin-bottom:20px;font-size:4rem}.contact-description{color:#ffd700b8;max-width:700px;margin:auto;line-height:1.7}.contact-container{align-items:stretch;gap:40px;max-width:1200px;margin:auto;display:flex}.contact-info{flex-direction:column;flex:1;gap:20px;display:flex}.contact-card{background:#0a0a0ad9;border:1px solid #ffd7001f;border-radius:22px;padding:28px;transition:all .3s;box-shadow:0 10px 30px #0009,0 0 10px #ffd7000d}.contact-card:hover{border-color:#ffd70047;transform:translateY(-6px);box-shadow:0 20px 40px #000000b3,0 0 18px #ffd7001f}.contact-card h2{color:gold;margin-bottom:12px}.contact-card p{color:#ffd700bf}.contact-form{background:#0a0a0ad9;border:1px solid #ffd7001f;border-radius:24px;flex-direction:column;flex:1.2;gap:20px;padding:35px;display:flex;box-shadow:0 10px 30px #0009,0 0 12px #ffd7000d}.contact-form input,.contact-form textarea{color:gold;box-sizing:border-box;background:#ffffff08;border:1px solid #ffd7001f;border-radius:14px;outline:none;width:100%;padding:16px;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffd70066;box-shadow:0 0 12px #ffd7001f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffd70073}.contact-form button{color:#000;cursor:pointer;background:gold;border:none;border-radius:14px;padding:16px;font-weight:700;transition:all .3s}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 0 18px #ffd70040}@media (width<=900px){.contact-container{flex-direction:column}}@media (width<=600px){.contact-header h1{font-size:2.2rem}.contact-form{padding:25px}}