body{background:radial-gradient(circle at 20% 20%,#0a2a43,#000814 60%)!important;min-height:100vh;color:#fff;overflow-x:hidden}.navbar-nav .nav-link{color:#fff;transition:all .4s ease}.navbar-nav .nav-link:hover{background:linear-gradient(90deg,#7f3cff,#2f9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:48px 20px}.hero .hero-inner{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero .left{flex:0 0 55%}.hero .right{flex:0 0 40%;display:flex;align-items:center;justify-content:center}.about-text,.about-text h1{text-align:left}@media(max-width:900px){.hero .hero-inner{flex-direction:column;text-align:center}.hero .left,.hero .right{flex-basis:100%}.about-text,.about-text h1{text-align:center}.hero{min-height:auto;padding-top:40px;padding-bottom:40px}}.about-text h1{font-size:4.2rem;line-height:.95;font-weight:800;margin:0 0 12px;background:linear-gradient(90deg,#fff,#9b5cff 45%,#4ac6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.about-text .animated-item{display:block;margin:0}.about-text .animated-item{display:block;margin:0;opacity:1;transform:none}body.is-ready .about-text .animated-item{animation-name:slideInFromLeft;animation-duration:.72s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.2,.9,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body.is-ready .about-text p{animation:fadeInUp .6s ease forwards;animation-delay:.42s}body.is-ready .custom-btn-group .btn{animation:fadeInUp .56s ease forwards;animation-delay:.6s}body.is-ready .about-text .mt-4 .social-icon{animation:fadeInUp .42s ease forwards;animation-delay:.9s}@media(prefers-reduced-motion:reduce){.about-text .animated-item,.about-text p,.custom-btn-group .btn,.about-text .mt-4 .social-icon{animation:none!important;transform:none!important;opacity:1!important}}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);margin-right:12px;color:#ffffffbf;transition:background .18s ease,box-shadow .18s ease,transform .12s ease}.social-icon i{font-size:16px;color:inherit;transition:color .18s ease,transform .12s ease}.social-icon,.social-icon i,.social-icon:link,.social-icon:visited,.social-icon:hover,.social-icon:active,.social-icon:focus{text-decoration:none!important}.social-icon:hover,.social-icon:focus,.social-icon:focus-visible{background:linear-gradient(90deg,#9b5cff,#4ac6ff);box-shadow:0 8px 22px #4b00ff1f;border-color:transparent;color:#fff;transform:translateY(-3px)}.social-icon:hover i,.social-icon:focus i,.social-icon:focus-visible i{color:#fff;transform:translateY(-1px)}.social-icon:active{background:linear-gradient(90deg,#7f3cff,#2f9eff);transform:translateY(0);box-shadow:0 6px 14px #0000002e inset;color:#fff}@media(hover:none){.social-icon{width:48px;height:48px}.social-icon:active{background:linear-gradient(90deg,#9b5cff,#4ac6ff);color:#fff}}.about.full-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box}@media(min-width:992px){.about.full-screen .container{max-width:1200px}.about.full-screen .row{align-items:center;justify-content:center;flex-wrap:nowrap;gap:48px}.about .col-lg-7{flex:0 0 55%;max-width:55%}.about .col-lg-5{flex:0 0 45%;max-width:45%}}.about .about-image{display:flex;justify-content:flex-end;align-items:center;transform:none!important;margin:0}.about .about-image img{max-width:420px;width:100%;height:auto}.about .about-text,.about-text h1{transform:none!important;margin:0}@media(max-width:991.98px){.about.full-screen .row{align-items:center;justify-content:center;flex-wrap:wrap}.about .col-lg-7,.about .col-lg-5{max-width:100%;flex-basis:100%}}.about.full-screen{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:12px 20px}.about .about-text{transform:none!important;margin-top:0}.about .col-lg-5.d-flex{align-items:center}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}body.is-ready .about-text .animated-item{opacity:0;display:block;animation-name:slideInFromLeft;animation-duration:.72s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.2,.9,.2,1)}body.is-ready .about-text .animated-item:nth-child(1){animation-delay:.06s}body.is-ready .about-text .animated-item:nth-child(2){animation-delay:.18s}body.is-ready .about-text p{opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.42s}body.is-ready .custom-btn-group .btn{opacity:0;transform:translateY(6px);animation:fadeInUp .56s ease forwards}body.is-ready .custom-btn-group .btn:first-child{animation-delay:.6s}body.is-ready .custom-btn-group .btn+.btn{animation-delay:.74s}body.is-ready .about-text .mt-4 .social-icon{opacity:0;transform:translateY(6px);animation:popIn .42s cubic-bezier(.2,.9,.2,1) forwards}body.is-ready .about-text .mt-4 .social-icon:nth-child(1){animation-delay:.88s}body.is-ready .about-text .mt-4 .social-icon:nth-child(2){animation-delay:.96s}body.is-ready .about-text .mt-4 .social-icon:nth-child(3){animation-delay:1.04s}body.is-ready .about-text .mt-4 .social-icon:nth-child(4){animation-delay:1.12s}body.is-ready .about .about-image img{opacity:0;transform:translateY(8px);animation:fadeInUp .9s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.28s;will-change:transform}@media(min-width:768px){body.is-ready .about .about-image img{animation:fadeInUp .9s cubic-bezier(.2,.9,.2,1) forwards,floatY 6s ease-in-out 1.4s infinite}}@media(prefers-reduced-motion:reduce){body.is-ready .about-text .animated-item,body.is-ready .about-text p,body.is-ready .custom-btn-group .btn,body.is-ready .about-text .mt-4 .social-icon,body.is-ready .about .about-image img{animation:none!important;transform:none!important;opacity:1!important}}@media(min-width:992px){.about.full-screen{min-height:60vh!important;padding-top:3.5rem!important;padding-bottom:3.5rem!important;position:relative!important;z-index:1!important}.about_area,.about-text,.about-text h1,.about-text p,.about-text .animated-item,.about .about-image img,.custom-btn-group .btn{visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important}.navbar{position:relative!important;z-index:1200!important;background:transparent!important}}@media(min-width:992px){.about_area .row{align-items:center}.about_area .about_img{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0}.about_area .about_img img{max-width:100%;height:auto;display:block}.about_area .main_title{display:flex;flex-direction:column;justify-content:center;text-align:left;margin:0;padding:0}.about_area .main_title h2{font-size:2.5rem;line-height:1.2;margin:0 0 1rem;color:#fff}.about_area .main_title p{font-size:1.125rem;line-height:1.6;margin:0;color:#fffc}}.about-text .animated-item{display:block;color:#fff;background:linear-gradient(90deg,#7c4dff,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about_img{display:flex;justify-content:flex-start;align-items:center;margin-left:180px}.about_img{display:flex;justify-content:flex-start;align-items:center;margin-left:160px}@media(max-width:768px){.about_img{justify-content:center;margin-left:0}}.profile-photo{width:200px;height:200px!important;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 0 15px #0000001a}@media(max-width:768px){.about_area .description{font-size:14px;line-height:1.6}}.primary_btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:600;font-size:.95rem;color:#fff;text-decoration:none;border:0;border-radius:.6rem;background:linear-gradient(90deg,#1e90ff,#7c4dff);background-size:200% 100%;box-shadow:0 6px 18px #7c4dff1f;transition:transform .16s ease,box-shadow .16s ease,background-position .4s ease,opacity .16s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.primary_btn:hover,.primary_btn:focus{transform:translateY(-3px);background-position:100% 0;box-shadow:0 10px 30px #7c4dff2e;outline:none}.primary_btn:active{transform:translateY(-1px);box-shadow:0 6px 18px #7c4dff1f}.intro{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:2rem;color:#fff;text-align:center}.intro span{background:linear-gradient(90deg,#9b5cff,#4ac6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media(max-width:768px){.intro{font-size:1.6rem;flex-direction:column;gap:4px}.intro span{animation:slideInOut 3s ease-in-out infinite;text-align:center}}@keyframes slideInOut{0%{opacity:0;transform:translate(-35px)}15%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(0)}85%{opacity:0;transform:translate(-35px)}to{opacity:0;transform:translate(-35px)}}@media(max-width:767.98px){.primary_btn{padding:.5rem .9rem;font-size:.9rem;border-radius:.5rem}}.resume{background:transparent;color:#e6eef8}.resume h2{font-weight:700;margin-bottom:1rem;color:#fff}.timeline{margin-top:.5rem}.timeline-wrapper{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.timeline-yy,.timeline-yr{min-width:90px;text-align:center;background:linear-gradient(180deg,#eef2ff,#e6dcff);color:#2b2166;border-radius:.6rem;padding:.5rem .4rem;font-weight:700;box-shadow:0 6px 18px #2b21660f}.timeline-info{background:#ffffff0d;padding:20px;border-radius:15px;margin-top:10px}.timeline-info h3{margin:0 0 .35rem;font-size:1.02rem}.timeline-info h3 small{display:block;color:#dfeffda6;font-weight:500;margin-top:.25rem}.timeline-info p{margin:0;color:#dfeffdd9;line-height:1.5}.project-wrapper{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.project-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:16px;width:300px;min-height:480px;box-shadow:0 0 20px #0003;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #02061799}.project-image{width:100%;height:160px;overflow:hidden;background:#0b1220;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:1rem;color:#e9f4ff;flex:1;display:flex;flex-direction:column;gap:.5rem}.project-content h3{margin:0;font-size:1.05rem}.project-content h5{margin:0;color:#dfeffdb3;font-weight:600;font-size:.9rem}.project-content p{margin:.5rem 0 0;color:#dfeffdc7;font-size:.95rem}.project-links a{color:#cfe8ff;transition:color .14s ease}.project-links a:hover{color:#fff}.tech-icons i,.tech-icons img{opacity:.95;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.tab{cursor:pointer;display:inline-flex;gap:.6rem;align-items:center;padding:.5rem .8rem;border-radius:.6rem;background:#ffffff05;color:#dbeeff;transition:background .16s ease,transform .12s ease}.tab.active{background:linear-gradient(90deg,#2b6bff,#9b5cff);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #2b6bff1f}#certificates-tab .certificate-list{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(max-width:768px){.project-wrapper{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1rem;justify-content:flex-start;gap:1rem}.project-card{flex:0 0 auto;scroll-snap-align:start;width:85%;min-width:260px;min-height:420px;border-radius:16px}.project-image{width:100%;height:180px;overflow:hidden;border-radius:12px}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-wrapper::-webkit-scrollbar{display:none}}@media(max-width:575.98px){.project-card{flex-basis:100%;max-width:100%}.project-image{height:200px}.timeline-yy,.timeline-yr{min-width:60px}}body.is-ready .timeline-wrapper,body.is-ready .project-card{opacity:1;transform:none;visibility:visible}.certificates-swiper{width:100%;overflow:hidden}.certificates-slider{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:1rem;padding-bottom:1rem}.certificates-card{border-radius:8px;padding:1rem;display:flex;justify-content:center;align-items:center}.certificates-card img{width:100%;height:auto;object-fit:contain;border-radius:8px}@media(max-width:768px){.certificates-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem}.certificates-card{flex:0 0 80%;scroll-snap-align:center}.certificates-card img{width:100%}}.btn-detail{display:block;width:100%;text-align:center;background:linear-gradient(90deg,#3b82f6,#6366f1);padding:10px 0;border-radius:8px;color:#fff;text-decoration:none;font-weight:600;transition:.2s}.btn-detail:hover,.btn-detail:focus{transform:translateY(-3px);background-position:100% 0;box-shadow:0 10px 30px #7c4dff2e;outline:none}.btn-detail:active{transform:translateY(-1px);box-shadow:0 6px 18px #7c4dff1f}.tech-section{width:100%;display:flex;justify-content:center;padding:5rem 0}.tech-container{width:100%;max-width:1100px;border-radius:1rem;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-title{text-align:center;color:#fff;font-size:1.9rem;font-weight:600;margin-bottom:3rem;letter-spacing:.05em}.tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;justify-items:center}.tech-card{width:5rem;height:5rem;border-radius:1rem;background:#1a1c20;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .25s ease;cursor:pointer}.tech-card:hover{transform:translateY(-6px) scale(1.05);border:1px solid rgba(255,255,255,.22)}.tech-card.laravel:hover{box-shadow:0 0 18px #ff2d2073}.tech-card.golang:hover{box-shadow:0 0 18px #00add873}.tech-card.mysql:hover{box-shadow:0 0 18px #00618a73}.tech-card.tailwind:hover{box-shadow:0 0 18px #38bdf873}.tech-card.postman:hover{box-shadow:0 0 18px #953b11}.tech-card.dbeaver:hover{box-shadow:0 0 18px #fb70a973}.tech-card.php:hover{box-shadow:0 0 18px #777bb473}.tech-card.csharp:hover{box-shadow:0 0 18px #3d5eff73}.tech-card.docker:hover{box-shadow:0 0 18px #2496ed73}.tech-card.git:hover{box-shadow:0 0 18px #f14e3273}.tech-card.react:hover{box-shadow:0 0 18px #4b8edc73}.tech-card.composer:hover{box-shadow:0 0 18px #88563073}.tech-card.node:hover{box-shadow:0 0 18px #539e4373}.tech-card.vite:hover{box-shadow:0 0 18px #646cff73}.tech-card.postgres:hover{box-shadow:0 0 18px #33679173}@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.tech-grid{grid-template-columns:repeat(3,1fr)}}