@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins,sans-serif}body{--bg:#050b16;--bg2:#091321;--card:#0d1929;--text:#fff;--muted:#8b9aad;--border:#ffffff14;--blue:#38bdf8;--blue2:#2563eb;background:radial-gradient(circle at 10% 10%,#38bdf81f,transparent 30%), radial-gradient(circle at 90% 80%,#2563eb1f,transparent 30%), var(--bg);color:var(--text);transition:all .4s;overflow-x:hidden}body.light{--bg:#f4f7fb;--bg2:#fff;--card:#fff;--text:#101827;--muted:#64748b;--border:#0f172a1a;--blue:#0284c7;--blue2:#2563eb}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--blue2));border-radius:20px}.container{width:90%;max-width:1200px;margin:auto;padding:110px 0}.navbar{z-index:999;border:1px solid var(--border);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#08111fbf;border-radius:20px;justify-content:space-between;align-items:center;width:92%;max-width:1250px;padding:14px 22px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000026}body.light .navbar{background:#fffc}.logo{color:var(--text);font-size:27px;font-weight:800;text-decoration:none}.logo span,footer span{color:var(--blue)}.navbar ul{gap:28px;list-style:none;display:flex}.navbar ul a{color:var(--muted);font-size:13px;text-decoration:none;transition:all .3s}.navbar ul a:hover{color:var(--blue)}.nav-right{align-items:center;gap:8px;display:flex}.language{border:1px solid var(--border);border-radius:10px;gap:3px;padding:4px;display:flex}.language button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.language button.active{background:var(--blue);color:#fff}.theme-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border-radius:11px;font-size:17px}.theme-btn:hover{background:var(--blue);color:#fff}.hero{justify-content:space-between;align-items:center;gap:70px;min-height:100vh;padding-top:150px;display:flex}.hero-text{flex:1}.available{color:var(--muted);background:#38bdf80f;border:1px solid #38bdf833;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 13px;font-size:11px;display:inline-flex}.available span{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #22c55e}.hero-text h3{color:var(--blue);font-size:17px}.hero-text h1{letter-spacing:-4px;margin:10px 0 15px;font-size:76px;line-height:1}.hero-text h1 span{color:var(--blue)}.hero-text h2{font-size:24px;font-weight:500}.hero-text p{max-width:580px;color:var(--muted);margin:25px 0;font-size:14px;line-height:1.9}.btns{gap:13px;margin-top:25px;display:flex}.btn{cursor:pointer;border-radius:50px;padding:14px 26px;font-size:13px;font-weight:600;transition:all .35s}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));border:0}.primary:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2563eb4d}.secondary{color:var(--text);border:1px solid var(--blue);background:0 0}.secondary:hover{color:#fff;background:var(--blue);transform:translateY(-5px)}.socials{gap:12px;margin-top:32px;display:flex}.social{width:47px;height:47px;color:var(--muted);border:1px solid var(--border);background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:all .35s;display:flex}.social:hover{color:#fff;transform:translateY(-7px)scale(1.05)}.instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-color:#0000;box-shadow:0 12px 30px #e1306c59}.github:hover{background:#24292f;border-color:#24292f;box-shadow:0 12px 30px #0000004d}.linkedin:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 12px 30px #0a66c24d}.telegram:hover{background:#229ed9;border-color:#229ed9;box-shadow:0 12px 30px #229ed94d}.hero-image{flex:1;justify-content:center;align-items:center;height:520px;display:flex;position:relative}.hero-image img{object-fit:cover;z-index:2;border:1px solid #38bdf859;border-radius:35px;width:365px;height:445px;transition:all .5s;position:relative;box-shadow:0 0 50px #38bdf826}.hero-image img:hover{transform:translateY(-10px)scale(1.02)}.image-circle{border:1px solid #38bdf833;border-radius:50%;width:430px;height:430px;animation:18s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-card{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#0a1423d9;border-radius:15px;flex-direction:column;padding:15px 18px;display:flex;position:absolute;bottom:40px;right:0}body.light .floating-card{background:#ffffffe6}.floating-card strong{color:var(--blue);font-size:14px}.floating-card span{color:var(--muted);font-size:10px}.title{text-align:center;margin-bottom:60px;font-size:43px}.title span{color:var(--blue)}.about{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.about-card{background:var(--card);border:1px solid var(--border);border-radius:24px;min-height:230px;padding:35px;transition:all .4s}.about-card:hover{border-color:#38bdf873;transform:translateY(-10px)}.number{width:43px;height:43px;color:var(--blue);background:#38bdf814;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.about-card h1{color:var(--blue);margin:8px 0;font-size:45px}.about-card p{color:var(--muted);font-size:13px;line-height:1.7}.skill-heading{margin-bottom:25px;font-size:20px}.skills{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:25px;transition:all .4s}.skill:hover{border-color:#38bdf873;transform:translateY(-7px)}.skill-icon{width:55px;height:55px;color:var(--blue);background:#38bdf812;border-radius:15px;justify-content:center;align-items:center;margin-bottom:17px;font-size:12px;font-weight:800;display:flex}.skill-info{justify-content:space-between;display:flex}.skill-info h3{font-size:14px}.skill-info span{color:var(--blue);font-size:11px}.progress{background:#94a3b81f;border-radius:20px;width:100%;height:5px;margin-top:15px;overflow:hidden}.progress div{background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:20px;height:100%}.ai-heading{margin-top:70px}.ai-skills{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ai-card{background:var(--card);border:1px solid var(--border);border-radius:20px;align-items:center;gap:18px;padding:25px;transition:all .4s;display:flex}.ai-card:hover{border-color:#38bdf873;transform:translateY(-8px)}.ai-logo{width:58px;height:58px;color:var(--text);background:#38bdf814;border-radius:16px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.ai-card h3{font-size:16px}.ai-card p{color:var(--muted);font-size:11px}.manga-section{width:100%;padding:80px 0;overflow:hidden}.manga-title{text-align:center;width:90%;max-width:1200px;margin:0 auto 50px;font-size:43px}.manga-title span{color:var(--blue)}.manga-scroll-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue) var(--bg);gap:40px;padding:30px 60px 40px;display:flex;overflow:auto hidden}.manga-scroll-container::-webkit-scrollbar{height:10px}.manga-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--blue2));border-radius:20px}.manga-scroll-container::-webkit-scrollbar-track{background:var(--bg)}.manga-page{scroll-snap-align:center;flex:0 0 85vw;max-width:900px;min-height:600px;position:relative}.manga-page-inner{background:var(--card);border:2px solid var(--border);border-radius:30px;width:100%;height:100%;transition:all .5s;position:relative;overflow:hidden}.manga-page-inner:hover{border-color:#38bdf880;transform:scale(1.02);box-shadow:0 20px 60px #38bdf833}.manga-page-number{z-index:10;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;font-weight:800;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 5px 25px #38bdf866}.manga-page-inner img{object-fit:cover;width:100%;height:400px;transition:all .5s;display:block}.manga-page-inner:hover img{filter:brightness(1.1);transform:scale(1.05)}.manga-page-content{text-align:center;padding:35px}.manga-page-content h3{margin-bottom:12px;font-size:26px}.manga-page-content p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.8}.manga-btns{justify-content:center}.contact{background:var(--card);border:1px solid var(--border);border-radius:25px;max-width:700px;margin:auto;padding:35px}.contact input,.contact textarea{resize:none;border:1px solid var(--border);background:var(--bg2);width:100%;color:var(--text);border-radius:13px;outline:none;margin:7px 0;padding:16px}.contact input:focus,.contact textarea:focus{border-color:var(--blue)}.contact button{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:10px;padding:16px;font-weight:600}footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);padding:45px}footer h3{color:var(--text);margin-bottom:8px}footer p{font-size:12px}.footer-socials{justify-content:center;gap:12px;margin-top:20px;display:flex}.footer-socials a{width:42px;height:42px;color:var(--muted);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.footer-socials a:hover{color:#fff;background:var(--blue);border-color:var(--blue);transform:translateY(-5px)}@media (width<=1000px){.navbar ul{gap:15px}.hero{gap:30px}.hero-text h1{font-size:58px}.about,.skills,.ai-skills{grid-template-columns:repeat(2,1fr)}.manga-page{flex:0 0 80vw;max-width:800px}}@media (width<=800px){.navbar{flex-wrap:wrap;justify-content:center;width:94%;margin:auto;position:relative;top:10px;left:0;transform:none}.navbar ul{flex-wrap:wrap;order:3;justify-content:center;width:100%}.hero{text-align:center;flex-direction:column-reverse;padding-top:80px}.hero-text p{margin-left:auto;margin-right:auto}.btns,.socials{justify-content:center}.hero-image{height:430px}.hero-image img{width:290px;height:360px}.image-circle{width:340px;height:340px}.about,.skills,.ai-skills{grid-template-columns:1fr}.manga-scroll-container{gap:25px;padding:30px 30px 40px}.manga-page{flex:0 0 90vw;min-height:500px}.manga-page-inner img{height:300px}.manga-page-content{padding:25px}.manga-page-content h3{font-size:22px}}@media (width<=500px){.navbar ul{gap:12px}.navbar ul a{font-size:10px}.hero-text h1{letter-spacing:-2px;font-size:36px}.hero-text h2{font-size:18px}.hero-image{height:380px}.hero-image img{width:245px;height:305px}.image-circle{width:285px;height:285px}.title{font-size:30px}.contact{padding:20px}.container{padding:85px 0}.nav-right{justify-content:center;width:100%}.manga-title{margin-bottom:30px;font-size:30px}.manga-scroll-container{gap:20px;padding:20px 20px 30px}.manga-page{flex:0 0 92vw;min-height:420px}.manga-page-inner img{height:220px}.manga-page-content{padding:20px}.manga-page-content h3{font-size:18px}.manga-page-content p{font-size:12px}.manga-page-number{width:45px;height:45px;font-size:18px}}