*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:10px}section{scroll-margin-top:80px}.navbar{z-index:1000;background:0 0;justify-content:center;width:100%;padding:30px 0;display:flex;position:fixed}.navbar-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:0 0;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:30%;max-width:1000px;padding:12px 20px;display:flex}.links{justify-content:center;align-items:center;gap:25px;display:flex}.links a{color:#ffffffce;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;text-decoration:none;transition:all .2s;position:relative}.links a:hover{color:#38bdf8;text-shadow:0 0 10px #38bdf866;transform:translateY(-2px)scale(1.08)}.links a:after{content:"";background:#38bdf8;width:0%;height:1px;transition:width .25s;position:absolute;bottom:-6px;left:0}.links a:hover:after{width:100%}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 20px;display:flex}.subtitle{color:#ffffffc8;margin-bottom:10px;font-size:30px}.home-title{color:#fff;max-width:700px;font-size:48px;font-weight:700;line-height:1.2}.title span{color:#38bdf8}.desc{color:#ffffffc8;max-width:500px;margin-top:19px;font-size:20px}.buttons{gap:15px;margin-top:25px;display:flex}.btn{color:#000;background:#38bdf8;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{color:#fff;background:0 0;border:1px solid #fff3}.projects{justify-content:center;width:100%;padding:170px 20px;display:flex}.projects-inner{width:100%;max-width:1100px}.projects-title{color:#fff;width:100%;margin-bottom:30px;font-size:28px;display:block;text-align:center!important}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.features{gap:16px;margin-top:20px;display:grid}.feature-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:14px}.feature-section h3{color:#38bdf8;margin-bottom:8px;font-size:14px}.feature-section ul{margin:0;padding-left:18px}.feature-section li{color:#fffc;margin-bottom:4px;font-size:14px}.projects-subtitle{text-align:center;color:#fff9;margin-top:-15px;margin-bottom:25px;font-size:14px}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:1px solid #ffffff14;border-radius:14px;padding:16px;transition:all .2s}.project-card:hover{border-color:#38bdf880;transform:translateY(-5px)}.image{background:#0b0f19;border-radius:10px;width:100%;height:140px;margin-bottom:12px;overflow:hidden}.image img{object-fit:cover;width:100%;height:100%}.project-card h3{color:#fff823;margin-bottom:15px;font-size:20px}.project-card p{color:#ffffffd5;margin-bottom:12px;font-size:16px}.tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tags span{color:#ffffffb3;border:1px solid #ffffff1a;border-radius:999px;padding:7px 8px;font-size:15px}.status{border-radius:20px;padding:4px 10px;font-size:15px;font-weight:600;position:absolute;top:10px;right:10px}.status.Completed{background:#22c55e}.status.Inprogress{background:#f59e0b}.status.Next{background:#3b82f6}.modal-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#141414f2;border-radius:16px;width:min(900px,92vw);max-height:90vh;padding:20px;overflow-y:auto}.modal::-webkit-scrollbar{width:0}.gallery{gap:12px;margin-bottom:15px;display:flex}.main-image{border-radius:12px;flex:1;height:380px;overflow:hidden}.main-image img{object-fit:cover;width:100%;height:100%}.thumbs{flex-direction:column;gap:10px;width:90px;display:flex;overflow-y:hidden}.thumbs img{object-fit:cover;cursor:pointer;border-radius:6px;flex-shrink:0;width:86px;height:60px;transition:transform .2s,border .2s}.thumbs img:hover{transform:scale(1.05)}.thumbs img.active{opacity:1;border:2px solid #38bdf8}.modal-title{margin-bottom:10px;font-size:22px}.modal-description{opacity:.8;margin-bottom:15px}.modal-tech{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.modal-tech span{background:#ffffff14;border-radius:8px;padding:5px 10px;font-size:12px}.modal-close{cursor:pointer;background:#38bdf8;border:none;border-radius:8px;padding:10px 15px;font-weight:700}.modal-exit{color:#fff;cursor:pointer;background:#e40e0ea0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.modal-exit:hover{background:#ff0404;transform:scale(1.1)}.modal-exit{position:absolute;top:12px;right:12px}.about{width:100%;padding:140px 20px}.about-inner{max-width:900px;margin:0 auto}.about-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182780;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:60px;padding:25px}.about-title{color:#fff;text-align:center;margin-bottom:18px;font-size:24px;font-weight:600}.about-text{color:#ffffffde;text-align:center;margin-bottom:12px;font-size:18px;line-height:1.7}.tech-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tech-grid span{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:6px 12px;font-size:15px;transition:all .2s}.tech-grid span:hover{color:#38bdf8;border-color:#38bdf8}.goals-list{text-align:center;padding:0;list-style:none}.goals-list li{color:#ffffffbf;margin-bottom:10px;font-size:20px;position:relative}.goals-list li:before{content:"•";color:#38bdf8;margin-right:6px}.about-intro{text-align:center;margin-bottom:60px}.about-name{color:#fff;text-align:center;font-size:37px;font-weight:700}.about-summary{text-align:center;color:#ffffffb3;padding:2px;font-size:20px}.about-languages,.about-experience{text-align:center;color:#fff9;padding:2px}.contact{width:100%;padding:140px 20px}.contact-inner{text-align:center;max-width:800px;margin:0 auto}.contact-title{color:#fff;margin-bottom:10px;font-size:28px}.contact-subtitle{color:#fff9;margin-bottom:40px;font-size:14px}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182780;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:18px;padding:25px;display:flex}.contact-item{justify-content:space-between;align-items:center;font-size:15px;display:flex}.label{color:#ffffff80}.value{color:#ffffffd9}.link{color:#38bdf8;font-weight:500;text-decoration:none;transition:all .2s}.link:hover{color:#fff}.bg{z-index:-1;background-color:#000000fb;background-image:linear-gradient(90deg,#ffffff46 1px,#0000 1px);background-position:calc(50% - 100px) calc(50% - 30px);background-size:200px 60px;position:fixed;inset:0}