:root{color:#e5e7eb;background-color:#0f172a;font-family:Arial,Helvetica,sans-serif}body{background-color:#0f172a;min-width:320px;min-height:100vh}button,input,textarea,select{font-family:inherit}a{color:inherit}.container-text{flex-direction:column;gap:16px;height:auto;display:flex}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e5e7eb;background:#0f172a;font-family:Arial,Helvetica,sans-serif}.portfolio{background:radial-gradient(circle at 0 0,#3b82f638,#0000 35%),radial-gradient(circle at 100% 100%,#a855f72e,#0000 35%),#0f172a;min-height:100vh}.navbar{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ad1;border-bottom:1px solid #94a3b826;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 8%;display:flex;position:fixed;top:0}.logo{color:#38bdf8;font-size:22px;font-weight:800}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#cbd5e1;font-size:15px;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#38bdf8}.hero{grid-template-columns:1.4fr .6fr;align-items:center;gap:40px;min-height:100vh;padding:120px 8% 70px;display:grid}.intro{color:#38bdf8;margin-bottom:12px;font-size:20px}.hero h1{color:#fff;margin-bottom:16px;font-size:58px;line-height:1.3}.hero h2{color:#38bdf8;-webkit-user-select:none;user-select:none;pointer-events:none;caret-color:#0000;max-width:100%;margin-bottom:22px;font-size:1.7rem;line-height:1.4;white-space:normal!important;word-wrap:break-word!important;width:max-content!important;display:inline-block!important}.description{color:#cbd5e1;max-width:660px;margin-bottom:32px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn{border-radius:12px;padding:13px 24px;font-weight:700;text-decoration:none;transition:all .3s}.btn.primary{color:#020617;background:#38bdf8;box-shadow:0 0 25px #38bdf859}.btn.primary:hover{background:#0ea5e9;transform:translateY(-3px)}.btn.secondary{color:#38bdf8;background:0 0;border:1px solid #38bdf8}.btn.secondary:hover{background:#38bdf81f;transform:translateY(-3px)}.hero-buttons .cv-btn{color:#c084fc;background:#a855f71f;border:1px solid #a855f773}.hero-buttons .cv-btn:hover{background:#a855f733;border-color:#c084fc;transform:translateY(-3px)}.hero-card{justify-content:center;display:flex}.code-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#cbd5e1;background:#0f172ac7;border:1px solid #94a3b838;border-radius:22px;width:100%;max-width:420px;padding:28px;font-family:Consolas,monospace;line-height:1.9;box-shadow:0 25px 80px #00000059}.code-card span{color:#38bdf8}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:125px 8% 85px;scroll-margin-top:0;display:flex}.section-header{text-align:center;margin-bottom:42px}.section-header p{color:#38bdf8;margin-bottom:8px;font-size:16px}.section-header h2{color:#fff;font-size:42px;font-weight:800}.about-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172abd;border:1px solid #94a3b838;border-radius:24px;max-width:980px;margin:0 auto;padding:38px;box-shadow:0 25px 70px #00000040}.about-card p{color:#cbd5e1;margin-bottom:18px;font-size:17px;line-height:1.9}.about-card p:last-child{margin-bottom:0}.skills-grid{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1060px;margin:0 auto;display:grid}.skill-card{text-align:center;color:#e5e7eb;background:#0f172abf;border:1px solid #94a3b838;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:82px;padding:18px;font-weight:700;transition:all .3s;display:flex}.skill-icon{color:#38bdf8;align-items:center;font-size:28px;display:flex}.skill-card span{font-size:16px}.skill-card:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-6px);box-shadow:0 18px 45px #38bdf829}.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:1100px;margin:0 auto;display:grid}.project-card{background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000038}.project-card:before{content:"";filter:blur(4px);background:#38bdf824;border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;right:-60px}.project-card:hover{border-color:#38bdf8;transform:translateY(-8px);box-shadow:0 28px 80px #38bdf824}.project-number{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-weight:800;display:flex}.project-preview{background:linear-gradient(135deg,#38bdf833,#a855f729),#0f172ad9;border:1px solid #38bdf840;border-radius:18px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:20px;display:flex;overflow:hidden}.project-preview span{color:#e5e7eb;letter-spacing:.4px;font-size:17px;font-weight:800}.project-content h3{color:#fff;margin-bottom:12px;font-size:22px}.project-content p{color:#cbd5e1;margin-bottom:18px;font-size:15px;line-height:1.75}.tech-stack{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tech-stack span{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf82e;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.project-links{flex-wrap:wrap;gap:12px;display:flex}.project-btn{color:#020617;background:#38bdf8;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s}.project-btn:hover{background:#0ea5e9;transform:translateY(-3px)}.project-btn.outline{color:#38bdf8;background:0 0;border:1px solid #38bdf8}.project-btn.outline:hover{background:#38bdf81f}.contact-section{min-height:calc(100vh - 78px)}.contact-card{text-align:center;background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;max-width:820px;margin:0 auto;padding:36px;box-shadow:0 25px 70px #00000038}.contact-card p{color:#cbd5e1;margin-bottom:26px;font-size:17px;line-height:1.8}.contact-list{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contact-list a{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf859;border-radius:14px;padding:12px 18px;font-weight:700;text-decoration:none;transition:all .3s}.contact-list a:hover{background:#38bdf829;border-color:#38bdf8;transform:translateY(-5px)}.footer{text-align:center;background:#020617a6;border-top:1px solid #94a3b826;padding:28px 8%}.footer p{color:#94a3b8;font-size:14px}.menu-toggle{color:#38bdf8;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf859;border-radius:14px;width:46px;height:46px;font-size:24px;transition:all .3s;display:none}.menu-toggle:hover{background:#38bdf82e}@media (width<=1100px){.hero h1{font-size:50px}.projects-grid{max-width:960px}.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.navbar{height:78px;padding:0 6%}.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172af5;border:1px solid #94a3b838;border-radius:18px;flex-direction:column;align-items:flex-start;gap:16px;width:230px;padding:18px;display:none;position:absolute;top:88px;right:6%;box-shadow:0 20px 60px #00000059}.nav-links.active{display:flex}.nav-links a{width:100%;padding:8px 4px}.hero{text-align:center;grid-template-columns:1fr;gap:34px;min-height:100vh;padding:110px 6% 60px}.hero h1{font-size:42px}.hero h2{font-size:26px}.description{margin-left:auto;margin-right:auto;font-size:16px}.hero-buttons{justify-content:center}.code-card{text-align:left;max-width:100%}.section{min-height:auto;padding:105px 6% 75px}.section-header{margin-bottom:34px}.section-header h2{font-size:36px}.about-card{padding:28px}.about-card p{font-size:16px}.skills-grid{grid-template-columns:repeat(2,1fr);gap:14px}.skill-card{gap:10px;min-height:78px;padding:16px 12px}.skill-icon{font-size:24px}.skill-card span{font-size:15px}.projects-grid{grid-template-columns:1fr;gap:22px}.project-card{padding:22px}.project-preview{height:115px}.project-content h3{font-size:21px}.contact-card{padding:28px}.contact-list{gap:12px}}@media (width<=520px){.hero h1{font-size:38px}.hero h2{font-size:24px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{text-align:center;width:100%}.skills-grid{grid-template-columns:1fr}.project-preview span{font-size:15px}.contact-list{flex-direction:column}.contact-list a{width:100%}}.background-grid{z-index:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#94a3b82e 1px,#0000 1px),linear-gradient(90deg,#94a3b82e 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.floating-glow{filter:blur(70px);opacity:.35;z-index:0;pointer-events:none;border-radius:999px;width:260px;height:260px;animation:8s ease-in-out infinite alternate floatGlow;position:fixed}.glow-one{background:#38bdf8;top:120px;left:8%}.glow-two{background:#a855f7;animation-delay:1.5s;top:45%;right:8%}.glow-three{background:#0ea5e9;animation-delay:2.5s;bottom:8%;left:35%}@keyframes floatGlow{0%{transform:translateY(0)translate(0)scale(1)}to{transform:translateY(-35px)translate(25px)scale(1.12)}}.hero,.section,.footer{z-index:2;position:relative}.navbar{z-index:999;position:fixed;top:0;left:0}@media (width<=900px){.floating-glow{filter:blur(55px);opacity:.28;width:180px;height:180px}.background-grid{background-size:38px 38px}}.experience-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.experience-card{background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;padding:28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000038}.experience-card:before{content:"";filter:blur(4px);background:#a855f729;border-radius:50%;width:130px;height:130px;position:absolute;top:-50px;right:-50px}.experience-year{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf838;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-block}@media (width<=900px){.experience-grid{grid-template-columns:1fr}.experience-card{padding:24px}}.project-features{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.project-features span{color:#cbd5e1;background:#94a3b81a;border:1px solid #94a3b829;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.project-card:hover .project-features span{border-color:#38bdf847}.project-btn{cursor:pointer;border:none}.modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.project-modal{background:linear-gradient(135deg,#0f172af5,#1e293bf0);border:1px solid #38bdf847;border-radius:26px;width:100%;max-width:720px;max-height:90vh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 35px 100px #00000080}.modal-close{color:#38bdf8;cursor:pointer;background:#38bdf814;border:1px solid #38bdf859;border-radius:12px;width:42px;height:42px;font-size:18px;position:absolute;top:20px;right:20px}.modal-label{color:#38bdf8;margin-bottom:10px;font-weight:800}.project-modal h2{color:#fff;margin-bottom:16px;font-size:32px}.modal-info{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.modal-info span,.modal-tech span,.modal-list span{color:#cbd5e1;background:#38bdf81a;border:1px solid #38bdf838;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.modal-description{color:#cbd5e1;margin-bottom:24px;line-height:1.8}.project-modal h3{color:#fff;margin:22px 0 12px;font-size:18px}.modal-list,.modal-tech{flex-wrap:wrap;gap:10px;display:flex}.modal-list span{background:#94a3b81a;border-color:#94a3b82e}@media (width<=600px){.project-modal{padding:28px 22px}.project-modal h2{font-size:26px}}.modal-tech span{align-items:center;gap:7px;display:inline-flex}.modal-tech span svg{color:#38bdf8;font-size:16px}.hero h2{white-space:nowrap;border-right:3px solid #38bdf8;width:fit-content;animation:2.4s steps(22,end) .4s both typingRole,.8s infinite blinkCursor;overflow:hidden}@keyframes typingRole{0%{width:0}to{width:22ch}}@keyframes blinkCursor{0%,to{border-color:#38bdf8}50%{border-color:#0000}}@media (width<=900px){.hero h2{margin-left:auto;margin-right:auto}}.nav-links a.active-link{color:#38bdf8}.nav-links a.active-link:after{width:100%}.nav-links a{position:relative}.nav-links a:after{content:"";background:#38bdf8;border-radius:999px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.nav-links a:hover:after{width:100%}.project-preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-preview img{transform:scale(1.04)}.project-gallery{margin:24px 0}.gallery-main{background:#0f172acc;border:1px solid #38bdf847;border-radius:18px;width:100%;height:300px;overflow:hidden}.gallery-main img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.gallery-main:hover img{transform:scale(1.02)}.gallery-thumbnails{gap:10px;margin-top:12px;padding-bottom:5px;display:flex;overflow-x:auto}.gallery-thumbnail{cursor:pointer;opacity:.65;background:0 0;border:1px solid #94a3b840;border-radius:10px;flex:0 0 105px;height:65px;padding:0;transition:all .3s;overflow:hidden}.gallery-thumbnail:hover,.gallery-thumbnail.active{opacity:1;border-color:#38bdf8;transform:translateY(-2px)}.gallery-thumbnail img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}@media (width<=600px){.gallery-main{height:190px}.gallery-thumbnail{flex-basis:85px;height:55px}}.project-modal{scrollbar-width:thin;scrollbar-color:#38bdf88c #0f172a59}.project-modal::-webkit-scrollbar{width:8px}.project-modal::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.project-modal::-webkit-scrollbar-thumb{background:#38bdf88c;border-radius:999px}.project-modal::-webkit-scrollbar-thumb:hover{background:#38bdf8}.gallery-thumbnails{scrollbar-width:thin;scrollbar-color:#38bdf88c #0f172a59}.gallery-thumbnails::-webkit-scrollbar{height:7px}.gallery-thumbnails::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#38bdf88c;border-radius:999px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#38bdf8}.hero-card{animation:4s ease-in-out infinite floatingCard}.code-card{transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.code-card:before{content:"";filter:blur(40px);pointer-events:none;background:#38bdf838;border-radius:50%;width:180px;height:180px;animation:4s ease-in-out infinite alternate codeGlow;position:absolute;top:-100px;right:-80px}.code-card:hover{border-color:#38bdf8a6;transform:translateY(-8px)rotateX(2deg)rotateY(-2deg);box-shadow:0 30px 90px #00000073,0 0 35px #38bdf82e}.code-card p{z-index:2;transition:transform .25s,color .25s;position:relative}.code-card p:hover{color:#fff;transform:translate(6px)}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes codeGlow{0%{opacity:.3;transform:translate(0)scale(1)}to{opacity:.65;transform:translate(-25px,25px)scale(1.2)}}@media (width<=900px){.hero-card{animation-duration:5s}.code-card:hover{transform:translateY(-5px)}}.about-layout{grid-template-columns:330px 1fr;align-items:stretch;gap:32px;width:100%;max-width:1100px;margin:0 auto;display:grid}.about-photo-card,.about-content-card{background:#0f172ac7;border:1px solid #94a3b838;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #00000038}.about-photo-card{padding:18px;transition:all .35s;position:relative}.about-photo-card:hover{border-color:#38bdf8a6;transform:translateY(-8px);box-shadow:0 28px 80px #38bdf826}.about-photo{object-fit:cover;object-position:top center;border-radius:18px;width:100%;height:365px;display:block}.about-photo-info{text-align:center;padding:20px 8px 8px}.about-photo-info h3{color:#fff;margin-bottom:7px;font-size:20px}.about-photo-info p{color:#38bdf8;font-size:14px;font-weight:700}.about-content-card{flex-direction:column;justify-content:center;padding:38px 42px;display:flex}.about-content-card>p{color:#cbd5e1;margin-bottom:18px;font-size:16px;line-height:1.85}.about-info-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.about-info-item{background:#38bdf812;border:1px solid #38bdf82e;border-radius:15px;padding:16px;transition:all .3s}.about-info-item:hover{border-color:#38bdf8;transform:translateY(-4px)}.about-info-item span{color:#38bdf8;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.about-info-item strong{color:#e5e7eb;font-size:14px}@media (width<=900px){.about-layout{grid-template-columns:1fr}.about-photo-card{width:100%;max-width:360px;margin:0 auto}.about-content-card{padding:28px}}@media (width<=520px){.about-info-grid{grid-template-columns:1fr}.about-photo{height:340px}}.contact-list{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-top:28px;display:grid}.contact-item{background:#38bdf812;border:1px solid #38bdf833;border-radius:16px;align-items:center;gap:14px;padding:17px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.contact-item:hover{border-color:#38bdf8;transform:translateY(-5px);box-shadow:0 18px 45px #38bdf81f}.contact-icon{color:#38bdf8;background:#38bdf81f;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:20px;transition:transform .3s;display:grid}.contact-item:hover .contact-icon{transform:rotate(-8deg)scale(1.08)}.contact-text{text-align:left;flex-direction:column;gap:4px;display:flex}.contact-text strong{color:#fff;font-size:15px}.contact-text small{color:#94a3b8;font-size:12px}@media (width<=700px){.contact-list{grid-template-columns:1fr}}.experience-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid;position:relative}.experience-card{background:linear-gradient(145deg,#0f172af0,#1e293bbd);border:1px solid #94a3b833;border-radius:24px;min-height:270px;padding:30px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 24px 65px #00000038}.experience-card:after{content:"";transform-origin:0;background:linear-gradient(90deg,#38bdf8,#8b5cf6);border-radius:999px;height:3px;transition:transform .4s;position:absolute;top:0;left:30px;right:30px;transform:scaleX(.28)}.experience-card:before{content:"";filter:blur(25px);background:#38bdf824;border-radius:50%;width:170px;height:170px;transition:transform .4s,opacity .4s;position:absolute;top:-90px;right:-80px}.experience-card:hover{border-color:#38bdf899;transform:translateY(-9px);box-shadow:0 30px 85px #00000052,0 0 35px #38bdf81c}.experience-card:hover:after{transform:scaleX(1)}.experience-card:hover:before{opacity:.9;transform:scale(1.25)}.experience-year{z-index:2;color:#38bdf8;letter-spacing:.3px;background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;align-items:center;margin-bottom:20px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.experience-card h3,.experience-card h4,.experience-card p{z-index:2;position:relative}.experience-card h3{color:#fff;margin-bottom:8px;font-size:22px}.experience-card h4{color:#38bdf8;margin-bottom:15px;font-size:15px}.experience-card p{color:#cbd5e1;font-size:14px;line-height:1.8}.experience-card:first-child{background:linear-gradient(145deg,#0c223cf5,#1e293bd1);border-color:#38bdf880;box-shadow:0 28px 80px #00000047,0 0 35px #38bdf81a}.experience-card:first-child:after{transform:scaleX(1)}@media (width<=900px){.experience-grid{grid-template-columns:1fr}.experience-card{min-height:auto;padding:26px}}section[id]{scroll-margin-top:105px}.skills-categories{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:1100px;margin:0 auto;display:grid}.skill-category{background:linear-gradient(145deg,#0f172af0,#1e293bb8);border:1px solid #94a3b833;border-radius:24px;padding:28px;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000038}.skill-category:hover{border-color:#38bdf88c;transform:translateY(-7px);box-shadow:0 30px 80px #0000004d,0 0 30px #38bdf81a}.skill-category-tools{grid-column:auto}.category-header{align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.category-header>span{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:13px;font-weight:900;display:grid}.category-header h3{color:#fff;margin-bottom:7px;font-size:20px}.category-header p{color:#94a3b8;font-size:13px;line-height:1.6}.category-skills{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.skill-category .skill-card{min-height:82px;padding:15px}.skill-category .skill-card:hover{transform:translateY(-5px)scale(1.02)}@media (width<=900px){.skills-categories{grid-template-columns:1fr}.skill-category-tools{grid-column:auto}}@media (width<=600px){.skill-category{padding:22px}.category-skills{grid-template-columns:repeat(2,1fr)}.category-header h3{font-size:18px}.hero{gap:45px;min-height:auto;padding:115px 22px 70px}.hero-content{text-align:center;width:100%}.hero-content h1{max-width:360px;margin-left:auto;margin-right:auto;font-size:42px;line-height:1.12}.hero-content h2{max-width:100%;margin-left:auto;margin-right:auto;font-size:27px}.hero-content .description{max-width:360px;margin:28px auto 0;font-size:16px;line-height:1.75}.hero-buttons{gap:14px;width:100%;max-width:360px;margin:32px auto 0}.hero-buttons .btn{width:100%;min-height:56px}.hero-card{width:100%;max-width:360px;margin:0 auto}.code-card{width:100%;padding:25px 20px}}.scroll-top-btn{z-index:9999;color:#38bdf8;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #38bdf88c;border-radius:16px;place-items:center;width:52px;height:52px;font-size:18px;transition:border-color .3s,background .3s,box-shadow .3s;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #00000059}.scroll-top-btn:hover{background:#38bdf824;border-color:#38bdf8;box-shadow:0 20px 55px #38bdf82e}@media (width<=600px){.scroll-top-btn{border-radius:14px;width:46px;height:46px;bottom:18px;right:18px}}.project-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.logo{color:#38bdf8;align-items:center;gap:12px;font-size:26px;font-weight:800;text-decoration:none;display:inline-flex}.logo img{object-fit:contain;width:160px;height:auto;transition:transform .3s;display:block}.logo:hover img{transform:scale(1.06)}@media (width<=600px){.logo img{width:105px;top:3px}}.review-layout{grid-template-columns:1.1fr .9fr;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:grid}.review-form-card,.testimonial-card{background:linear-gradient(145deg,#0f172af0,#1e293bc7);border:1px solid #94a3b833;border-radius:24px;padding:30px;box-shadow:0 25px 70px #0000003d}.review-card-heading{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.review-heading-icon{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.review-card-heading h3{color:#fff;margin-bottom:6px;font-size:20px}.review-card-heading p{color:#94a3b8;font-size:13px;line-height:1.6}.review-form{flex-direction:column;gap:16px;display:flex}.review-form-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.review-field{flex-direction:column;gap:8px;display:flex}.review-field label,.review-rating>span{color:#cbd5e1;font-size:13px;font-weight:700}.review-field input,.review-field textarea{resize:vertical;color:#fff;width:100%;font:inherit;background:#0f172abf;border:1px solid #94a3b838;border-radius:13px;outline:none;padding:14px 15px;transition:all .3s}.review-field input:focus,.review-field textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.review-rating{justify-content:space-between;align-items:center;gap:15px;display:flex}.review-stars{gap:6px;display:flex}.review-stars button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:3px;font-size:20px;transition:all .25s}.review-stars button:hover{color:#facc15;transform:translateY(-2px)scale(1.1)}.review-submit-btn{color:#020617;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#a855f7);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-weight:800;transition:all .3s;display:inline-flex}.review-submit-btn:hover{transform:translateY(-3px);box-shadow:0 18px 45px #38bdf82e}.review-note{color:#64748b;text-align:center;font-size:11px}.testimonial-empty{text-align:center;background:#38bdf80d;border:1px dashed #38bdf838;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:310px;padding:30px;display:flex}.testimonial-empty>svg{color:#38bdf8;font-size:32px}.testimonial-empty h4{color:#fff;font-size:18px}.testimonial-empty p{color:#94a3b8;max-width:280px;font-size:13px;line-height:1.7}@media (width<=900px){.review-layout{grid-template-columns:1fr}}@media (width<=600px){.review-form-card,.testimonial-card{padding:22px}.review-form-row{grid-template-columns:1fr}}.review-stars button.active{color:#facc15;transform:scale(1.08)}.review-status{color:#cbd5e1;text-align:center;background:#38bdf814;border:1px solid #38bdf833;border-radius:11px;margin:0;padding:11px 13px;font-size:12px}.review-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.approved-review-list{flex-direction:column;gap:14px;max-height:360px;padding-right:5px;display:flex;overflow-y:auto}.approved-review-item{background:#38bdf80d;border:1px solid #38bdf82e;border-radius:16px;padding:18px}.approved-review-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.approved-review-item h4{color:#fff;margin-bottom:4px;font-size:15px}.approved-review-item span{color:#38bdf8;font-size:11px}.approved-review-item p{color:#cbd5e1;font-size:13px;line-height:1.7}.approved-review-stars{color:#64748b;gap:3px;font-size:12px;display:flex}.approved-review-stars .active{color:#facc15}.approved-review-item small{color:#64748b;margin-top:5px;font-size:10px;display:block}.intro-screen{z-index:9999;background:radial-gradient(circle at 25%,#0ea5e947,#0000 32%),radial-gradient(circle at 78% 55%,#7c3aed3d,#0000 34%),linear-gradient(135deg,#08111f 0%,#0f1f3d 45%,#111827 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-screen:before{content:"";filter:blur(100px);background:#38bdf824;border-radius:50%;width:520px;height:520px;animation:4s ease-in-out infinite alternate introFloat;position:absolute}.intro-screen:after{content:"";opacity:.8;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.intro-content{z-index:2;text-align:center;color:#fff;padding:24px;position:relative}.intro-logo{filter:drop-shadow(0 0 22px #38bdf859);width:120px;margin-bottom:22px}.intro-icons{justify-content:center;gap:14px;margin-bottom:24px;display:flex}.intro-icons span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #38bdf847;border-radius:50%;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 22px #38bdf829,inset 0 0 14px #7c3aed29}.intro-content h1{letter-spacing:.5px;color:#f8fafc;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.2}.intro-content h1 strong{color:#38bdf8;text-shadow:0 0 26px #38bdf861}.intro-content p{color:#94a3b8;margin-top:26px;font-size:14px}@keyframes introFloat{0%{transform:translate(-60px,-40px)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}@media (width<=768px){.intro-logo{width:95px;margin-bottom:18px}.intro-icons{gap:10px;margin-bottom:20px}.intro-icons span{width:38px;height:38px;font-size:12px}.intro-content h1{font-size:34px}.intro-content p{font-size:12px}}.about-info-card{background:#0f172a8c;border:1px solid #38bdf82e;border-radius:16px;align-items:center;gap:16px;padding:18px;transition:all .3s;display:flex}.about-info-card:hover{border-color:#38bdf873;transform:translateY(-4px);box-shadow:0 12px 35px #38bdf81f}.about-info-icon{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf838;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.about-info-card span{color:#38bdf8;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.about-info-card h4{color:#fff;font-size:15px;font-weight:700}.about-socials{justify-content:center;gap:14px;margin-top:18px;display:flex}.about-socials a{color:#e2e8f0;background:#0f172aa6;border:1px solid #38bdf833;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .3s;display:grid}.about-socials a:hover{color:#38bdf8;border-color:#38bdf880;transform:translateY(-4px);box-shadow:0 12px 28px #38bdf829}.about-cv-btn{color:#38bdf8;background:#38bdf80f;border:1px solid #38bdf83d;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;margin-top:18px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.about-cv-btn:hover{color:#fff;background:#38bdf824;transform:translateY(-3px);box-shadow:0 14px 32px #38bdf824}.about-content-card p{text-align:left;color:#cbd5e1;max-width:720px;line-height:1.8}.hero-badge{color:#cbd5e1;background:#0f172a9e;border:1px solid #38bdf838;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-bottom:18px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 0 26px #38bdf814}.hero-badge span{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #22c55ecc}.btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.btn svg{font-size:14px}.btn.outline{color:#c084fc;background:#a855f71a;border:1px solid #a855f773;box-shadow:0 0 20px #a855f714}.btn.outline:hover{color:#fff;background:#a855f72e;border-color:#a855f7bf;transform:translateY(-3px);box-shadow:0 12px 30px #a855f72e}.code-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ab8;border:1px solid #38bdf829;border-radius:22px;width:100%;max-width:430px;padding:0;position:relative;overflow:hidden;box-shadow:0 24px 70px #02081759,inset 0 1px #ffffff0a}.code-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#38bdf81f,#0000 35%),radial-gradient(circle at 80% 80%,#a855f71f,#0000 35%);position:absolute;inset:0}.code-card-header{z-index:1;background:#0206176b;border-bottom:1px solid #94a3b81a;align-items:center;gap:14px;height:44px;padding:0 18px;display:flex;position:relative}.code-dots{gap:7px;display:flex}.code-dots span{border-radius:50%;width:10px;height:10px}.code-dots span:first-child{background:#ef4444}.code-dots span:nth-child(2){background:#f59e0b}.code-dots span:nth-child(3){background:#22c55e}.code-card-header p{color:#94a3b8;margin:0;font-size:13px;font-weight:700}.code-content{z-index:1;padding:28px 30px 30px;font-family:Fira Code,Consolas,Courier New,monospace;position:relative}.code-content p{color:#cbd5e1;white-space:nowrap;margin:0 0 11px;font-size:14px;line-height:1.6}.code-content .code-keyword{color:#c586c0!important}.code-content .code-variable{color:#4fc1ff!important}.code-content .code-property{color:#9cdcfe!important}.code-content .code-string{color:#ce9178!important}.code-content .code-operator{color:#d4d4d4!important}.code-content .code-bracket{color:gold!important}.skills-grid .skill-item,.category-skills .skill-item,.skill-card{background:#0f172ab8!important;border:1px solid #38bdf829!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;min-height:110px!important;padding:20px 16px!important;transition:all .3s!important;display:flex!important}.skills-grid .skill-item:hover,.category-skills .skill-item:hover,.skill-card:hover{border-color:#38bdf880!important;transform:translateY(-6px)!important;box-shadow:0 16px 36px #38bdf824!important}.skills-grid .skill-item svg,.category-skills .skill-item svg,.skill-card svg{color:#38bdf8!important;font-size:42px!important}.skills-grid .skill-item span,.category-skills .skill-item span,.skill-card span{color:#e2e8f0!important;text-align:center!important;font-size:15px!important;font-weight:800!important}.skill-card.html svg{color:#e34f26!important}.skill-card.css svg{color:#1572b6!important}.skill-card.javascript svg{color:#f7df1e!important}.skill-card.react svg{color:#61dafb!important}.skill-card.bootstrap svg{color:#7952b3!important}.skill-card.tailwind svg{color:#38bdf8!important}.skill-card.php svg{color:#a6b1e1!important}.skill-card.laravel svg{color:#ff2d20!important}.skill-card.mysql svg{color:#00758f!important}.skill-card.api svg{color:#38bdf8!important}.skill-card.database svg{color:#22c55e!important}.skill-card.figma svg{color:#a259ff!important}.skill-card.wireframe svg{color:#f24e1e!important}.skill-card.prototype svg{color:#1abcfe!important}.skill-card.github svg{color:#f8fafc!important}.skill-card.vite svg{color:#a855f7!important}.skill-card.vscode svg{color:#007acc!important}.project-card{flex-direction:column;display:flex}.project-content{flex-direction:column;flex:1;display:flex}.project-links{flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;padding-top:24px;display:flex}.project-btn{justify-content:center;align-items:center;min-height:50px;padding:0 24px;display:inline-flex}.projects-more{justify-content:center;margin-top:50px;display:flex}.projects-more-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:#ffffff08;border:1px solid #8264ff73;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.projects-more-btn span{font-size:18px;transition:transform .3s}.projects-more-btn:hover{background:#8264ff1a;border-color:#8264ffcc;transform:translateY(-3px)}.projects-more-btn:hover span{transform:translate(5px)}.experience-card:after,.experience-card:first-child:after{transform-origin:0;transition:transform .5s;transform:scaleX(0)!important}.experience-card:hover:after,.experience-card:first-child:hover:after{transform:scaleX(1)!important}