@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#f5f5f5;background:#08090b;margin:0;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.splash-screen{z-index:99999;opacity:1;visibility:visible;background:#08090b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center}.brk-logo{letter-spacing:-8px;color:#fff;font-size:92px;font-weight:800;animation:1s logoReveal}.loading-track{background:#252525;width:180px;height:2px;margin:25px auto 0;overflow:hidden}.loading-progress{background:#fff;width:0;height:100%;animation:2s forwards loadingBar}.splash-content p{color:#666;letter-spacing:4px;margin-top:18px;font-size:10px;font-weight:600}@keyframes logoReveal{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes loadingBar{0%{width:0}to{width:100%}}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090be0;border-bottom:1px solid #1b1d21;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 7%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;flex-shrink:0;font-size:40px;font-weight:800}.logo span{color:#777}.navbar nav{align-items:center;gap:28px;display:flex}.navbar nav a{color:#858585;white-space:nowrap;font-size:12px;font-weight:500;transition:color .25s;display:inline-block}.navbar nav a:hover{color:#fff}.resume-button{border:1px solid #34373c;border-radius:50px;flex-shrink:0;padding:10px 19px;font-size:12px;font-weight:600;transition:all .25s}.resume-button:hover{color:#000;background:#fff}.hero{background:radial-gradient(circle at 75% 45%,#41465029,#0000 32%),#08090b;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:80px;width:100%;min-height:calc(100vh - 76px);padding:90px 9%;display:grid}.hero-text{min-width:0;animation:.8s both heroText}@keyframes heroText{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:#777;letter-spacing:4px;margin-bottom:24px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-6px;max-width:850px;font-size:clamp(58px,7vw,100px);font-weight:800;line-height:.9}.hero-description{color:#8b8d92;max-width:650px;margin-top:30px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:12px;margin-top:35px;display:flex}.primary-button,.outline-button{border-radius:50px;justify-content:center;align-items:center;min-height:46px;padding:0 23px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.primary-button{color:#08090b;background:#fff}.outline-button{color:#fff;border:1px solid #33363b}.outline-button:hover{border-color:#777}.hero-visual{background:radial-gradient(circle,#ffffff0e,#0000 45%),#0d0f12;border:1px solid #202328;border-radius:28px;flex-direction:column;justify-content:center;justify-self:end;align-items:center;width:min(360px,100%);height:440px;animation:1s .15s both visualReveal;display:flex;position:relative}@keyframes visualReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}.visual-circle{z-index:2;background:#111318;border:1px solid #44484f;border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;display:flex;position:relative;box-shadow:0 0 60px #ffffff0a}.visual-circle span{letter-spacing:-3px;font-size:39px;font-weight:800}.visual-text{text-align:center;z-index:2;margin-top:35px;position:relative}.visual-text strong{font-size:21px;font-weight:700;display:block}.visual-text small{color:#60636a;letter-spacing:3px;margin-top:8px;font-size:9px;display:block}.section{background:#08090b;width:100%;padding:110px 9%}.section.dark{background:#0d0f12}.section-label{align-items:center;gap:18px;margin-bottom:60px;display:flex}.section-label span{color:#555a61;font-size:12px;font-weight:600}.section-label h2{letter-spacing:-2px;font-size:42px;font-weight:700}.about-grid{grid-template-columns:1.1fr .9fr;gap:80px;display:grid}.about-main h3{letter-spacing:-2px;max-width:650px;font-size:clamp(34px,4vw,50px);line-height:1.05}.about-main p{color:#858990;max-width:650px;margin-top:24px;font-size:15px;line-height:1.9}.about-details{grid-template-columns:1fr 1fr;align-content:start;gap:14px;display:grid}.detail-card strong{color:#eee;font-size:13px;line-height:1.5;display:block}.timeline{max-width:950px}.timeline-item{grid-template-columns:170px 1fr;gap:45px;padding:0 0 55px 38px;display:grid;position:relative}.timeline-item:before{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-46px;box-shadow:0 0 0 4px #8b8cff1f}.timeline-year{color:#656970;font-size:12px;font-weight:600}.timeline-content h3{margin-bottom:10px;font-size:23px}.timeline-content p{color:#80848b;margin-top:6px;font-size:14px;line-height:1.7}.timeline-content strong{color:#eee;margin-top:13px;font-size:12px;display:inline-block}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{background:linear-gradient(145deg,#111419,#0b0d10);border:1px solid #22262c;border-radius:22px;flex-direction:column;min-width:0;min-height:560px;padding:32px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;overflow:hidden}.project-header{border-bottom:1px solid #202329;justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.project-number{color:#555a62;letter-spacing:-2px;font-size:32px;font-weight:800}.project-category{color:#666b73;letter-spacing:2px;border:1px solid #292d33;border-radius:30px;padding:7px 11px;font-size:8px;font-weight:700}.project-body{flex:1;padding-top:32px}.project-body h3{letter-spacing:-1.5px;font-size:34px;font-weight:700;line-height:1.02}.project-description{color:#7f848c;max-width:500px;margin-top:22px;font-size:13px;line-height:1.8}.project-highlights{gap:10px;margin-top:28px;display:grid}.project-highlights>div{align-items:center;gap:12px;display:flex}.project-highlights span{color:#4d525a;font-size:9px;font-weight:700}.project-highlights p{color:#9a9da3;font-size:11px}.tech-list{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.tech-list span{color:#858991;background:#0c0e11;border:1px solid #292d33;border-radius:30px;padding:7px 10px;font-size:9px}.project-footer{border-top:1px solid #202329;align-items:center;gap:25px;margin-top:30px;padding-top:28px;display:flex}.project-footer a{color:#fff;align-items:center;gap:7px;font-size:11px;font-weight:600;transition:all .25s;display:flex}.project-footer a span{color:#777c84;transition:all .25s}.project-footer a:hover span{transform:translate(3px,-3px)}@media (width<=700px){.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto;padding:27px}.project-body h3{font-size:29px}}.skills-container{max-width:1000px}.skill-group{border-bottom:1px solid #202328;grid-template-columns:220px 1fr;gap:30px;padding:25px 0;display:grid}.skill-group p{color:#5e636b;letter-spacing:2px;font-size:9px;font-weight:700}.skill-tags span{color:#d5d7da;border:1px solid #2b2f35;border-radius:30px;padding:8px 12px;font-size:10px;transition:all .25s}.skill-tags span:hover{border-color:#777;transform:translateY(-2px)}.experience-layout{grid-template-columns:150px 1fr;gap:45px;max-width:1050px;display:grid}.experience-meta{color:#62676f;flex-direction:column;gap:4px;padding-top:5px;font-size:11px;font-weight:600;display:flex}.experience-main{background:linear-gradient(145deg,#111419,#0b0d10);border:1px solid #22262c;border-radius:20px;padding:35px}.experience-top{border-bottom:1px solid #202329;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:25px;display:flex}.experience-role{color:#62676f;letter-spacing:3px;font-size:9px;font-weight:700}.experience-main h3{max-width:650px;margin-top:10px;font-size:25px;line-height:1.25}.completed-badge{color:#777c83;letter-spacing:1.5px;border:1px solid #30343a;border-radius:30px;flex-shrink:0;padding:7px 11px;font-size:8px;font-weight:700}.experience-description{color:#81858c;margin-top:25px;font-size:13px;line-height:1.8}.experience-points{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.experience-points>div{grid-template-columns:30px 1fr;gap:10px;display:grid}.experience-points span{color:#4d5259;font-size:9px;font-weight:700}.experience-points p{color:#747980;font-size:11px;line-height:1.7}.experience-demo{color:#fff;margin-top:30px;font-size:12px;font-weight:600;display:inline-block}@media (width<=700px){.experience-layout{grid-template-columns:1fr;gap:20px}.experience-meta{flex-direction:row}.experience-main{padding:25px}.experience-top{flex-direction:column}.experience-points{grid-template-columns:1fr}}.certificate-list{max-width:1000px}.certificate-item{border-bottom:1px solid #202329;grid-template-columns:70px 1fr;gap:25px;padding:28px 0;transition:all .25s;display:grid}.certificate-item:hover{padding-left:10px}.certificate-index{color:#454a51;font-size:24px;font-weight:800}.certificate-item h3{font-size:18px;line-height:1.3}.certificate-item small{color:#555a61;margin-top:7px;font-size:10px;display:block}.achievements{max-width:1000px}.achievement{border-bottom:1px solid #202329;grid-template-columns:65px 1fr;gap:25px;padding:30px 0;transition:all .25s;display:grid}.achievement:hover{padding-left:10px}.achievement>span{color:#454a51;font-size:25px;font-weight:800}.achievement-rank{letter-spacing:2px;font-weight:700;color:#62676f!important;font-size:9px!important}.achievement h3{margin-top:7px;font-size:20px;line-height:1.3}.achievement p:last-child{color:#777c83;margin-top:8px;font-size:12px;line-height:1.7}.contact{background:radial-gradient(circle at 50% 35%,#50555f26,#0000 45%),#08090b;padding:150px 9%}.contact-inner{text-align:center;max-width:1100px;margin:0 auto}.contact h2{letter-spacing:-5px;margin-top:10px;font-size:clamp(55px,7vw,92px);font-weight:800;line-height:.92}.contact-description{color:#777c83;max-width:500px;margin:25px auto 0;font-size:13px;line-height:1.8}.contact-button{color:#000;background:#fff;border-radius:50px;align-items:center;gap:12px;margin-top:38px;padding:14px 23px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}.contact-button span{font-size:15px}.contact-grid{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:75px;display:grid}.contact-item{background:#0d0f12;border:1px solid #202329;border-radius:16px;flex-direction:column;justify-content:center;min-height:125px;padding:25px;transition:transform .3s,border-color .3s;display:flex;position:relative}.contact-item:hover{border-color:#444950;transform:translateY(-5px)}.contact-label{color:#555a62;letter-spacing:2px;font-size:9px;font-weight:700}.contact-item strong{color:#eee;word-break:break-word;max-width:90%;margin-top:10px;font-size:13px;font-weight:500}.contact-arrow{color:#555a62;font-size:15px;transition:all .3s;position:absolute;top:25px;right:25px}.contact-item:hover .contact-arrow{color:#fff;transform:translate(3px,-3px)}@media (width<=700px){.contact{padding:100px 6%}.contact h2{letter-spacing:-3px;font-size:50px}.contact-grid{grid-template-columns:1fr;margin-top:55px}}.footer{background:#08090b;border-top:1px solid #1b1e23;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:100px;padding:25px 7%;display:grid}.footer-left{align-items:center;gap:20px;display:flex}.footer-logo{color:#fff;font-size:23px;font-weight:800}.footer-logo span{color:#666}.footer-left p,.footer-right p{color:#555a62;font-size:9px}.footer-center{gap:22px;display:flex}.footer-center a{color:#666b72;font-size:10px;transition:all .25s}.footer-center a:hover{color:#fff}.footer-right{justify-content:flex-end;gap:20px;display:flex}@media (width<=800px){.footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px}.footer-left{flex-direction:column;gap:7px}.footer-center{flex-wrap:wrap;justify-content:center}.footer-right{flex-direction:column;gap:6px}}@media (width<=1050px){.navbar nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{justify-self:start}.about-grid{grid-template-columns:1fr}.certificate-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.navbar{height:70px;padding:0 6%}.navbar nav{display:none}.resume-button{padding:9px 15px}.hero{gap:55px;min-height:auto;padding:75px 6% 90px}.hero h1{letter-spacing:-4px;font-size:56px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-visual{justify-self:center;width:100%;max-width:350px;height:390px}.section{padding:85px 6%}.section-label{margin-bottom:45px}.section-label h2{font-size:34px}.about-details{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:12px;padding-left:25px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:350px;padding:28px}.skill-group{grid-template-columns:1fr;gap:14px}.experience-card{grid-template-columns:1fr;gap:18px;padding:28px}.certificate-grid{grid-template-columns:1fr}.contact{padding:100px 6%}.contact h2{letter-spacing:-3px;font-size:48px}.contact-links{flex-wrap:wrap}footer{text-align:center;flex-direction:column;gap:10px;min-height:auto;padding:25px 6%}}.navbar nav a{position:relative}.navbar nav a:after{content:"";background:#fff;width:0;height:1px;transition:width .25s;position:absolute;bottom:-8px;left:0}.navbar nav a:hover:after,.navbar nav a.active:after{width:100%}.navbar nav a.active{color:#fff;background:#6366f12e;border-radius:999px;padding:10px 16px;box-shadow:0 0 18px #6366f126}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(25px)}.reveal.show{opacity:1;transform:translateY(0)}.menu-button{cursor:pointer;background:#0d0f12;border:1px solid #292d33;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:none}.menu-button span{background:#fff;width:16px;height:1px;transition:all .3s;display:block}@media (width<=1050px){.navbar{position:sticky}.menu-button{display:flex}.navbar nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08090bf7;border-bottom:1px solid #202328;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:20px 7% 25px;display:none;position:absolute;top:76px;left:0}.navbar nav.mobile-open{display:flex}.navbar nav a{border-bottom:1px solid #181b1f;width:100%;padding:15px 0;font-size:13px}.navbar nav a:last-child{border-bottom:none}.navbar nav a:after{display:none}}.menu-button.open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=700px){.hero-actions{width:100%}.primary-button,.outline-button{flex:1;min-width:0;padding:0 15px}.project-footer{flex-wrap:wrap;gap:15px}.contact-item strong{font-size:12px}.contact-links{gap:18px}}.language-card{background:#0d0f12;border:1px solid #202329;border-radius:16px;grid-template-columns:50px 1fr;align-items:center;gap:20px;padding:28px;transition:all .3s;display:grid}.language-card:hover{border-color:#444950;transform:translateY(-5px)}.language-card>span{color:#454a51;font-size:22px;font-weight:800}.language-card h3{font-size:18px}.language-card p{color:#777c83;margin-top:6px;font-size:11px}@media (width<=700px){.languages-grid{grid-template-columns:1fr}}.about-stats{background:0 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px;display:grid}.stat-item{background:0 0;border:none;border-right:1px solid #ffffff12;border-radius:0;padding:18px 22px}.stat-item strong{color:#fff;font-size:25px;font-weight:700;line-height:1;display:block}.stat-item span{color:#707781;letter-spacing:1.8px;text-transform:uppercase;margin-top:8px;font-size:9px;font-weight:700;display:block}@media (width<=700px){.about-stats{grid-template-columns:1fr 1fr}.stat-item{border-right:none}.stat-item:nth-child(odd){border-right:1px solid #ffffff12}}.skills-showcase{grid-template-columns:1fr 1fr;gap:15px;max-width:1050px;display:grid}.skill-category{background:#0d0f12;border:1px solid #202329;border-radius:18px;min-height:180px;padding:28px;transition:all .3s}.skill-category-head{border-bottom:1px solid #202329;align-items:center;gap:15px;padding-bottom:20px;display:flex}.skill-category-head h3{font-size:17px;font-weight:600}@media (width<=700px){.skills-showcase{grid-template-columns:1fr}}.hero-socials{align-items:center;gap:22px;margin-top:24px;display:flex}.hero-socials a{color:#666b72;letter-spacing:.5px;font-size:10px;font-weight:600;transition:all .25s;position:relative}.hero-socials a:after{content:"";background:#fff;width:0;height:1px;transition:all .25s;position:absolute;bottom:-6px;left:0}.hero-socials a:hover:after{width:100%}@media (width<=700px){.hero-socials{flex-wrap:wrap;gap:18px}}.hero-meta{border-top:1px solid #202329;grid-template-columns:repeat(3,auto);gap:30px;margin-top:38px;padding-top:22px;display:grid}.hero-meta div{flex-direction:column;gap:7px;display:flex}.hero-meta span{color:#4f545b;letter-spacing:2px;font-size:8px;font-weight:700}@media (width<=700px){.hero-meta{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}}.scroll-progress{z-index:100000;background:#fff;height:2px;transition:width 80ms linear;position:fixed;top:0;left:0}.back-to-top{z-index:999;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0f12e6;border:1px solid #30343a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .25s;display:flex;position:fixed;bottom:28px;right:28px}.back-to-top:hover{color:#000;background:#fff;transform:translateY(-4px)}@media (width<=700px){.back-to-top{width:40px;height:40px;bottom:18px;right:18px}}.portfolio{width:100%}.section{max-width:1400px;margin:0 auto}.section-label{align-items:baseline}.section-label h2{font-weight:650}.hero-description{max-width:590px}.about-main p,.project-description,.experience-description{max-width:620px}.footer{max-width:1400px;margin:0 auto}:root{--bg-main:#050608;--bg-soft:#0a0c10;--bg-card:#0d1015;--text-main:#f5f7fa;--text-bright:#fff;--text-body:#aeb4bf;--text-soft:#7f8794;--text-muted:#626a77;--border:#ffffff17;--border-soft:#ffffff0e;--accent:#8b8cff;--accent-soft:#8b8cff24}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 8%, #6061ff12, transparent 25%), radial-gradient(circle at 15% 45%, #4169e109, transparent 30%), var(--bg-main);color:var(--text-main)}p,.about-main p,.project-description,.experience-description,.timeline-content p,.experience-points p,.certificate-item p,.achievement p,.language-card p,.contact-description{color:var(--text-body)}.section-label span{color:#8b8cff;letter-spacing:.18em;font-size:18px;font-weight:700}h1,h2,h3,h4{color:var(--text-main)}.hero h1,.hero-title{color:#fff}header,.navbar{-webkit-backdrop-filter:blur(18px);background:#050608d1;border-bottom:1px solid #ffffff12}.navbar a,nav a{color:#8f96a2;transition:color .25s,transform .25s}.navbar a:hover,nav a:hover,.navbar a.active,nav a.active{color:#fff}.hero{position:relative;overflow:hidden}.hero:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#7072ff1f,#0000 68%);width:500px;height:500px;position:absolute;top:50px;right:-180px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#506eff0f,#0000 70%);width:350px;height:350px;position:absolute;bottom:-150px;left:-180px}.hero h1{text-shadow:0 0 40px #ffffff06}.primary-button{background:#fff;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 30px #ffffff14;color:#050608!important}.primary-button:hover{transform:translateY(-3px);box-shadow:0 14px 40px #ffffff24}.outline-button{background:#ffffff04;border-color:#ffffff2e;transition:border-color .25s,background .25s,transform .25s;color:#f3f5f8!important}.outline-button:hover{background:#8b8cff14;border-color:#8b8cff80;transform:translateY(-3px)}.hero-socials a{color:#8d95a2}.hero-socials a:after{background:var(--accent)}.hero-meta{border-top-color:#ffffff17}.hero-meta span{color:#666e7b}.hero-meta strong{color:#c9ced6}.detail-card,.project-card,.skill-category,.experience-main,.language-card,.contact-item{border-color:var(--border-soft);background:linear-gradient(145deg,#ffffff09,#ffffff03);transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff06,0 20px 60px #00000029}.detail-card:hover,.project-card:hover,.skill-category:hover,.experience-main:hover,.language-card:hover,.contact-item:hover{border-color:#8b8cff3d;box-shadow:inset 0 1px #ffffff0a,0 25px 70px #00000040,0 0 35px #6464ff09}.detail-card strong,.project-card h3,.skill-category h3,.experience-main h3,.language-card h3,.contact-item strong{color:#f3f5f8}.detail-card span,.skill-category-head span,.language-card>span{color:#68717e}.project-card .tag,.skill-tags span{color:#aeb5c0;background:#ffffff06;border-color:#ffffff1a;transition:all .25s}.project-card .tag:hover,.skill-tags span:hover{color:#fff;background:#8b8cff14;border-color:#8b8cff73}.timeline:before{background:linear-gradient(#8b8cff59,#ffffff0f)}.timeline-dot{background:#fff;box-shadow:0 0 0 5px #8b8cff1a,0 0 20px #8b8cff59}.section{position:relative}.section+.section{border-top:1px solid #ffffff09}.certificate-item,.achievement{transition:padding-left .3s,border-color .3s}.certificate-item:hover,.achievement:hover{border-color:#8b8cff2e}.contact-item{position:relative;overflow:hidden}.contact-item:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b8cff14,#0000 70%);width:180px;height:180px;position:absolute;top:-100px;right:-100px}.contact-item:hover{transform:translateY(-4px)}.back-to-top{color:#fff;background:#0a0c10e0;border-color:#ffffff24;box-shadow:0 10px 35px #0000004d}.back-to-top:hover{color:#050608;background:#fff;border-color:#fff}.scroll-progress{background:linear-gradient(90deg,#fff,#8b8cff);height:2px;box-shadow:0 0 12px #8b8cff80}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4{letter-spacing:-.035em}.hero h1{letter-spacing:-.065em;font-size:clamp(4rem,7vw,7.2rem);font-weight:800;line-height:.88}.hero h1 span{color:#8b919c}.section-label h2{letter-spacing:-.055em;font-size:clamp(2.8rem,5vw,5rem);font-weight:750;line-height:.95}.hero-description{letter-spacing:-.01em;color:#b7bdc7;font-size:17px;line-height:1.75}.about-main h3{letter-spacing:-.06em;font-size:clamp(3rem,5vw,5.2rem);line-height:.98}.about-main h3 span{color:#8b919c}.about-main p,.project-description,.experience-description,.timeline-content p,.experience-points p,.certificate-item p,.achievement p,.language-card p{font-size:15px;line-height:1.8}.project-card h3{letter-spacing:-.045em;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02}.section-label span,.hero-meta span,.skill-category-head span,.contact-item>span,.certificate-item>span{letter-spacing:.22em}.stat-item strong,.detail-card strong{color:#fff}.stat-item span,.detail-card span{color:#737b88}.hero-visual,.hero-image,.hero-card{isolation:isolate;background:radial-gradient(circle at 50% 45%,#8b8cff17,#0000 38%),linear-gradient(145deg,#11141a,#080a0d);border:1px solid #ffffff1a;transition:transform .5s,border-color .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 0 80px #8b8cff06,0 30px 80px #00000059}.hero-visual:before,.hero-image:before,.hero-card:before{content:"";pointer-events:none;border:1px solid #8b8cff1f;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #8b8cff05,0 0 0 55px #8b8cff03,0 0 60px #8b8cff14}.hero-visual:after,.hero-image:after,.hero-card:after{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#8b8cff1f,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-visual:hover,.hero-image:hover,.hero-card:hover{border-color:#8b8cff47;transform:translateY(-6px);box-shadow:inset 0 1px #ffffff12,0 35px 90px #0000006b,0 0 60px #6464ff0f}.hero-visual strong,.hero-image strong,.hero-card strong{z-index:3;color:#fff;text-shadow:0 0 25px #ffffff1f;position:relative}.hero-visual h3,.hero-image h3,.hero-card h3{z-index:3;color:#eef0f5;letter-spacing:-.02em;position:relative}.hero-visual small,.hero-image small,.hero-card small{z-index:3;color:#707887;letter-spacing:.35em;position:relative}@media (width<=700px){.hero-visual,.hero-image,.hero-card{min-height:300px}}.navbar a,nav a{transition:color .25s;position:relative}.navbar a:after,nav a:after{content:"";background:linear-gradient(90deg,#fff,#8b8cff);border-radius:10px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #8b8cff73}.navbar a:hover,nav a:hover{color:#fff}.navbar a:hover:after,nav a:hover:after{width:18px}.navbar a.active,nav a.active{color:#fff}.navbar a.active:after,nav a.active:after{width:18px}.resume-button{color:#fff;background:linear-gradient(135deg,#ffffff0f,#ffffff04);border:1px solid #ffffff29;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 25px #0003}.resume-button:hover{border-color:#8b8cff73;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d,0 0 25px #8b8cff12}.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:90px}.about-main h3{max-width:650px;margin-bottom:8px}.about-main p{color:#aeb4bf;max-width:610px}.about-details{grid-template-columns:1fr 1fr;gap:10px}.detail-card{background:#0d0f12;border:1px solid #202328;border-radius:15px;min-height:120px;padding:26px}.detail-card small{color:#686f7a;letter-spacing:2px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.detail-card strong{color:#eee;font-size:16px;font-weight:600;line-height:1.5;display:block}.about-stats{border-top:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);gap:0;margin-top:35px;padding-top:22px}.stat-item{background:0 0;border-right:1px solid #ffffff12;border-radius:0;padding:0 18px}.stat-item:first-child{padding-left:0}.stat-item:last-child{border-right:0}.stat-item strong{letter-spacing:-1px;font-size:24px}.stat-item span{color:#68717e;letter-spacing:1.5px;margin-top:5px;font-size:8px}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:50px}}@media (width<=600px){.about-details{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr;gap:20px 0}.stat-item{border-right:0}.stat-item:nth-child(odd){border-right:1px solid #ffffff12}.stat-item:nth-child(n+3){padding-top:15px}}.timeline{max-width:1050px;margin:0 auto;padding-left:55px;position:relative}.timeline:before{content:"";background:linear-gradient(#8b8cff80,#ffffff14);width:1px;position:absolute;top:8px;bottom:8px;left:13px}.timeline-item{padding:0 0 55px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-48px;box-shadow:0 0 0 5px #8b8cff17,0 0 20px #8b8cff40}.timeline-date{color:#727b88;letter-spacing:2px;margin-bottom:10px;font-size:9px;font-weight:700;display:inline-block}.timeline-content h3{color:#f3f5f8;letter-spacing:-.035em;font-size:24px;line-height:1.2}.timeline-content h4{color:#aeb5c0;margin-top:7px;font-size:12px;font-weight:500}.timeline-content p{color:#858d99;max-width:650px;margin-top:12px;font-size:13px;line-height:1.7}@media (width<=600px){.timeline{padding-left:38px}.timeline:before{left:8px}.timeline-dot{left:-34px}.timeline-item{padding-bottom:40px}.timeline-content h3{font-size:20px}}.projects-grid{gap:18px}.project-card{background:linear-gradient(145deg,#ffffff0a,#ffffff02);border:1px solid #ffffff13;border-radius:20px;min-height:500px;padding:30px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.project-card:hover{border-color:#8b8cff47;transform:translateY(-7px);box-shadow:0 25px 70px #00000052,0 0 45px #8b8cff0b}.project-header{border-bottom-color:#ffffff12;padding-bottom:22px}.project-number{color:#69717e;font-size:27px}.project-category{color:#89919d;background:#ffffff06;border-color:#ffffff17}.project-body h3{color:#f4f6f9;letter-spacing:-.05em;font-size:clamp(28px,3vw,36px)}.project-description{color:#a5acb7;font-size:13px;line-height:1.75}.project-highlights{gap:12px;margin-top:24px}.project-highlights>div{padding:5px 0}.project-highlights span{color:#707987}.project-highlights p{color:#969eaa}.tech-list{gap:6px;margin-top:24px}.tech-list span{color:#9da5b1;background:#ffffff06;border-color:#ffffff16;padding:6px 9px;transition:all .25s}.tech-list span:hover{color:#fff;background:#8b8cff12;border-color:#8b8cff4d}.project-footer{border-top-color:#ffffff12;margin-top:24px;padding-top:22px}.project-footer a{color:#e9ecf1;transition:all .25s}.project-footer a:hover{color:#9b9cff}.project-footer a span{color:#717987}@media (width<=700px){.project-card{min-height:auto;padding:24px}.project-body h3{font-size:29px}}.skills-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1050px}.skill-category{background:linear-gradient(145deg,#ffffff09,#ffffff02);border-color:#ffffff12;border-radius:17px;min-height:0;padding:24px}.skill-category:hover{border-color:#8b8cff42;transform:translateY(-4px)}.skill-category-head{border-bottom-color:#fff1;padding-bottom:16px}.skill-category-head h3{color:#eef1f5;letter-spacing:-.02em;font-size:16px}.skill-category .skill-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.skill-tags span{color:#a6adb8;background:#ffffff05;border:1px solid #ffffff14;border-radius:50px;padding:7px 10px;font-size:10px;transition:color .2s,background .2s,border-color .2s,transform .2s}.skill-category:last-child{grid-column:1/-1}@media (width<=700px){.skills-showcase{grid-template-columns:1fr}.skill-category:last-child{grid-column:auto}.skill-category{padding:22px}}.experience-layout{grid-template-columns:125px 1fr;align-items:start;gap:35px;max-width:1100px}.experience-meta{color:#707987;letter-spacing:1px;padding-top:10px;font-size:10px}.experience-main{background:linear-gradient(145deg,#ffffff0a,#ffffff02);border-color:#ffffff13;border-radius:20px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff06,0 25px 65px #0000002e}.experience-main:hover{border-color:#8b8cff40;transform:translateY(-5px);box-shadow:0 30px 75px #00000047,0 0 40px #8b8cff0a}.experience-role{color:#8b8cff;letter-spacing:3px;font-size:9px}.experience-main h3{color:#f2f4f8;letter-spacing:-.04em;font-size:26px;line-height:1.2}.completed-badge{color:#aab1bd;background:#8b8cff0f;border-color:#8b8cff33}.experience-description{color:#a6adb8;line-height:1.8}.experience-points{gap:12px;margin-top:26px}.experience-points>div{border-bottom:1px solid #ffffff0b;padding:12px 0}.experience-points span{color:#747d8a}.experience-points p{color:#949ca8}.experience-demo{color:#fff;align-items:center;gap:7px;margin-top:26px;font-size:13px;transition:all .25s;display:inline-flex}.experience-demo:hover{color:#9b9cff;transform:translate(3px)}@media (width<=700px){.experience-layout{grid-template-columns:1fr;gap:18px}.experience-meta{flex-direction:row;padding-top:0}.experience-main{padding:24px}.experience-main h3{font-size:22px}}.certificate-list,.achievements{max-width:1050px}.certificate-item,.achievement{border-bottom:1px solid #fff1;padding:25px 10px 25px 0;transition:padding-left .3s,border-color .3s,background .3s;position:relative}.certificate-item:hover,.achievement:hover{border-color:#8b8cff40;padding-left:14px}.certificate-index,.achievement>span{color:#646d7a;font-size:20px;font-weight:700}.certificate-item h3{color:#eef1f5;letter-spacing:-.025em;font-size:17px;line-height:1.35}.certificate-item p{color:#969eaa;margin-top:6px;font-size:12px;line-height:1.6}.certificate-item small{color:#626b78;letter-spacing:.5px;font-size:9px}.achievement-rank{letter-spacing:2.5px;margin-bottom:5px;font-weight:700;color:#8b8cff!important;font-size:8px!important}.achievement h3{color:#eef1f5;letter-spacing:-.025em;font-size:19px}.achievement p:last-child{color:#969eaa;font-size:12px;line-height:1.65}.certificate-item:before,.achievement:before{content:"";background:linear-gradient(#fff,#8b8cff);border-radius:5px;width:2px;height:0;transition:height .3s;position:absolute;top:0;left:-1px}.certificate-item:hover:before,.achievement:hover:before{height:100%}@media (width<=700px){.certificate-item,.achievement{padding:22px 0}.certificate-item h3,.achievement h3{font-size:16px}}.languages-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1050px;display:grid}.language-card{background:linear-gradient(135deg,#ffffff0b,#ffffff03);border:1px solid #ffffff17;border-radius:18px;grid-template-columns:65px 1fr;align-items:center;gap:24px;min-height:145px;padding:30px 32px;transition:transform .3s,border-color .3s,background .3s;display:grid}.language-card:hover{background:linear-gradient(135deg,#8b8cff14,#ffffff04);border-color:#8b8cff73;transform:translateY(-6px)}.language-card>span{color:#858cff;letter-spacing:1px;font-size:24px;font-weight:700}.language-card h3{color:#f5f6f8;letter-spacing:-.5px;margin:0;font-size:21px;font-weight:650}.language-card p{color:#9da3ad;margin-top:8px;font-size:14px;font-weight:500}.contact{background:radial-gradient(circle at 50% 35%,#8b8cff12,#0000 32%),#050608;padding-top:120px;padding-bottom:110px;position:relative;overflow:hidden}.contact-inner{z-index:2;position:relative}.contact .eyebrow{color:#8b8cff;letter-spacing:3px;font-size:9px;font-weight:700}.contact h2{color:#fff;letter-spacing:-.065em;font-size:clamp(48px,7vw,88px);line-height:.92}.contact h2 span{color:#737b88}.contact-description{color:#aab1bc;max-width:520px;font-size:14px;line-height:1.8}.contact-button{background:#fff;margin-top:32px;padding:15px 25px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 35px #ffffff14;color:#050608!important}.contact-button:hover{transform:translateY(-4px);box-shadow:0 18px 45px #ffffff24}.contact-grid{gap:10px;max-width:1000px;margin-top:60px}.contact-item{background:linear-gradient(145deg,#ffffff09,#ffffff02);border-radius:15px;min-height:115px;padding:23px}.contact-label{color:#68717e;letter-spacing:2px;font-size:8px}.contact-item strong{color:#eef1f5;font-size:12px;line-height:1.5}.contact-arrow{color:#737b88}.contact-item:hover .contact-arrow{color:#9b9cff}@media (width<=700px){.languages-grid{grid-template-columns:1fr}.contact{padding-top:90px;padding-bottom:85px}.contact h2{font-size:50px}.contact-grid{grid-template-columns:1fr;margin-top:45px}}.footer{background:#050608;border-top:1px solid #fff1;max-width:1400px;min-height:110px;padding:28px 7%;position:relative}.footer-logo{color:#fff;letter-spacing:-.05em;font-size:24px;font-weight:800;transition:all .25s}.footer-logo:hover{color:#9b9cff}.footer-left p{color:#68717e}.footer-center a{color:#737b88;transition:color .25s,transform .25s}.footer-center a:hover{color:#fff;transform:translateY(-2px)}.footer-right p{color:#5f6875}::selection{color:#fff;background:#8b8cff59}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#050608}::-webkit-scrollbar-thumb{background:#252a32;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#414752}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #8b8cff}.project-card,.detail-card,.skill-category,.experience-main,.language-card,.contact-item{will-change:transform}html,body{max-width:100%;overflow-x:hidden}@media (width<=800px){.footer{padding:30px 6%}}.hero-visual .brk-logo,.hero-visual .logo,.hero-visual strong{z-index:3;color:#fff;letter-spacing:-.07em;text-shadow:0 0 25px #ffffff1a,0 0 55px #8b8cff14;font-weight:800;transition:transform .35s,text-shadow .35s;position:relative}.hero-visual:hover .brk-logo,.hero-visual:hover .logo,.hero-visual:hover strong{text-shadow:0 0 25px #ffffff29,0 0 60px #8b8cff29;transform:scale(1.04)}.hero-visual .ai-ml,.hero-visual h3{z-index:3;color:#f0f2f6;letter-spacing:-.03em;font-weight:650;position:relative}.hero-visual small{z-index:3;color:#737b88;letter-spacing:.32em;font-size:8px;position:relative}.hero-visual:before{content:"";pointer-events:none;border:1px solid #8b8cff21;border-radius:50%;width:270px;height:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 24px #8b8cff05,0 0 0 50px #8b8cff03,0 0 50px #8b8cff0f}body{color:#f5f7fa}p,.about-main p,.project-description,.experience-description,.timeline-content p,.experience-points p,.certificate-item p,.achievement p,.language-card p,.contact-description{color:#aeb4bf}.detail-card small,.detail-card span,.stat-item span,.timeline-date,.experience-meta,.experience-points span,.project-highlights span,.project-footer a span,.language-card>span,.contact-label{color:#7f8794}.detail-card strong,.stat-item strong,.project-card h3,.skill-category h3,.experience-main h3,.certificate-item h3,.achievement h3,.language-card h3,.contact-item strong{color:#f5f7fa}.section-label span{color:#8b8cff}.section-label h2{color:#f5f7fa}.hero h1{color:#fff}.hero-description{color:#b9bec8}.navbar a,nav a{color:#9aa2ae}.navbar a:hover,nav a:hover,.navbar a.active,nav a.active{color:#fff}.hero-socials a{color:#c7cbd3;letter-spacing:.2px;font-size:12px;font-weight:600}.hero-socials a:hover{color:#fff}.hero-meta span{letter-spacing:2.5px;color:#8b8cff;font-size:11px;font-weight:700}.hero-meta strong{color:#e5e7eb;font-size:12px;font-weight:600}.hero-meta{margin-top:28px}.hero-socials{gap:28px;margin-top:26px}.navbar nav{gap:32px}.navbar nav a{padding:10px 4px;font-size:15px;font-weight:600}.resume-button{padding:12px 22px;font-size:15px}.about-stats{background:0 0;border-top:1px solid #20242b;border-bottom:1px solid #20242b;grid-template-columns:repeat(4,1fr);margin-top:38px;display:grid}.about-stat{border:none;border-right:1px solid #20242b;flex-direction:column;justify-content:center;min-height:82px;padding:18px 20px;display:flex}.about-stat:last-child{border-right:none}.about-stat strong{color:#f5f5f5;font-size:25px;font-weight:700;line-height:1}.about-stat span{letter-spacing:2px;color:#737983;margin-top:8px;font-size:9px;font-weight:700}@media (width<=700px){.about-stats{grid-template-columns:repeat(2,1fr)}.about-stat:nth-child(2){border-right:none}}.skill-category{min-height:205px;padding:30px}.skill-category-head{gap:18px;padding-bottom:22px}.skill-category-head span{color:#737b87;font-size:12px;font-weight:700}.skill-category-head h3{color:#f5f7fa;font-size:18px;font-weight:650}.skill-category .skill-tags{margin-top:25px}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tags span{color:#c4c9d1;background:#ffffff09;border:1px solid #ffffff1f;border-radius:30px;padding:9px 14px;font-size:12px;font-weight:500;transition:all .25s}.skill-tags span:hover{color:#fff;background:#8b8cff1a;border-color:#8b8cff80;transform:translateY(-2px)}.skill-category:last-child{min-height:170px}.experience-meta{letter-spacing:.5px;color:#aeb4bf!important;font-size:14px!important;font-weight:600!important;line-height:1.8!important}.experience-meta span{color:#c4c9d2!important;font-size:13px!important}.contact-item strong{font-weight:600;font-size:17px!important}.contact-item span,.contact-item p{font-size:12px!important}.contact-item{min-height:145px;padding:30px!important}.contact-item>span:first-child{letter-spacing:2.5px;font-weight:700;font-size:11px!important}.contact-item a{font-size:16px!important}.contact h2{font-size:clamp(52px,7vw,90px)!important}.contact-description{line-height:1.7;font-size:17px!important}.contact .primary-button,.contact .outline-button{min-height:56px!important;padding:0 30px!important;font-size:15px!important}.footer,.footer a,.footer p,.footer span{font-size:13px!important}.footer strong{font-size:15px!important}.footer-logo{font-size:24px!important}.footer nav a{font-size:13px!important}.footer .footer-logo{color:#fff!important;letter-spacing:-1.5px!important;font-size:34px!important;font-weight:800!important}.footer .footer-logo span{font-size:inherit!important;color:#858cff!important}.footer .footer-left p,.footer .footer-right p{line-height:1.5;color:#858c98!important;font-size:13px!important}.footer .footer-center a{color:#858c98!important;font-size:14px!important;font-weight:500!important}.footer .footer-center{gap:30px!important}.footer .footer-right{gap:28px!important}.footer-right{white-space:nowrap;justify-content:flex-end;align-items:center;display:flex;gap:35px!important}.footer-right p{white-space:nowrap!important;color:#858c98!important;margin:0!important;font-size:13px!important}.certificate-item h3,.achievement h3{letter-spacing:-.025em!important;font-size:20px!important;font-weight:650!important;line-height:1.35!important}.certificate-item p,.achievement p:last-child{color:#969eaa!important;font-size:13px!important;font-weight:450!important;line-height:1.7!important}.certificate-item small{color:#747b86!important;font-size:11px!important;font-weight:500!important}.achievement-rank{letter-spacing:2.5px!important;font-size:9px!important;font-weight:700!important}.certificate-index,.achievement>span{font-size:24px!important;font-weight:750!important}.contact .eyebrow{letter-spacing:4px!important;font-size:13px!important;font-weight:700!important}.project-card a,.project-button,.project-link,.project-actions a,.project-actions button{border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:0 22px!important;font-size:14px!important;font-weight:650!important;display:inline-flex!important}.project-actions{gap:10px!important}.project-card a span,.project-button span,.project-link span{font-size:9px!important}.nav-resume:hover,.resume-button:hover,.navbar .resume:hover{color:#08090b!important;background:#fff!important;border-color:#fff!important}.nav-resume:hover *,.resume-button:hover *,.navbar .resume:hover *{color:#08090b!important}.certificate-preview{background:#fff;border:1px solid #ffffff1a;border-radius:12px;flex:1;min-height:0;overflow:hidden;box-shadow:0 12px 35px #00000059}.certificate-preview iframe{border:0;width:100%;height:100%;display:block}.certificate-close{z-index:5;color:#fff;cursor:pointer;background:#0f1014eb;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:23px;font-weight:400;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.certificate-modal-actions{justify-content:center;align-items:center;gap:12px;padding-top:16px;display:flex}.certificate-modal-actions a{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-width:135px;height:44px;padding:0 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.certificate-view:hover{background:#ffffff14;border-color:#8b8cff80;transform:translateY(-1px)}.certificate-download:hover{background:#dfe0ff;border-color:#dfe0ff;transform:translateY(-1px)}@keyframes certificateOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes certificatePopupIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.certificate-modal{padding:12px}.certificate-modal-content{border-radius:16px;width:100%;height:88vh;padding:10px}.certificate-modal-actions{padding-top:10px}.certificate-modal-actions a{flex:1;min-width:0}}.certificate-modal{z-index:99999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000db;justify-content:center;align-items:center;padding:25px;animation:.25s certOverlay;display:flex;position:fixed;inset:0}.certificate-modal-content{background:#0d0f13;border:1px solid #8b8cff61;border-radius:22px;flex-direction:column;width:min(820px,90vw);height:min(680px,86vh);padding:16px;animation:.35s cubic-bezier(.16,1,.3,1) certPopup;display:flex;position:relative;box-shadow:0 35px 100px #000000d9,0 0 45px #8b8cff1a}.certificate-preview{background:#16181d;border-radius:14px;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;overflow:hidden;box-shadow:inset 0 0 25px #0000004d}.certificate-preview .react-pdf__Document{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.certificate-preview .react-pdf__Page{background:#fff;max-width:100%;max-height:100%;box-shadow:0 12px 35px #00000059}.certificate-preview .react-pdf__Page canvas{max-width:100%;max-height:100%;display:block;width:auto!important;height:auto!important}.certificate-close{z-index:20;color:#fff;cursor:pointer;background:#111318;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;font-size:23px;transition:all .25s;position:absolute;top:10px;right:10px}.certificate-close:hover{color:#000;background:#fff;transform:rotate(90deg)}.certificate-modal-actions{justify-content:center;gap:12px;padding-top:14px;display:flex}.certificate-modal-actions a{border-radius:9px;justify-content:center;align-items:center;min-width:130px;height:43px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.certificate-view{color:#fff;background:#ffffff0d;border:1px solid #ffffff29}.certificate-view:hover{background:#ffffff1a}.certificate-download{color:#050505;background:#fff;border:1px solid #fff}.certificate-download:hover{background:#dfe0ff;transform:translateY(-2px)}@keyframes certOverlay{0%{opacity:0}to{opacity:1}}@keyframes certPopup{0%{opacity:0;transform:translateY(25px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.resume-preview{background:#16181d;border-radius:14px;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:12px;display:flex;overflow:hidden auto}.resume-preview .react-pdf__Page{background:#fff;box-shadow:0 12px 35px #00000059}.resume-preview .react-pdf__Page canvas{max-width:100%;display:block;height:auto!important}.resume-preview .react-pdf__Document{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.resume-preview .react-pdf__Page{background:#fff;flex-shrink:0;box-shadow:0 10px 30px #00000059}