:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-color: #0f172a;--text-color: #ffffff;--secondary-text: #cbd5f5;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .2);--primary: #38bdf8;--primary-rgb: 56, 189, 248;--button-bg: #1a1a1a;--shadow: rgba(0, 0, 0, .5);--blur: blur(20px);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-color: #f8fafc;--text-color: #0f172a;--secondary-text: #475569;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(0, 0, 0, .08);--primary: #25b0eb;--primary-rgb: 37, 99, 235;--button-bg: #f3f4f6;--shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{min-width:320px;min-height:100vh;background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}a{font-weight:500;color:var(--primary);text-decoration:none;transition:.2s}a:hover{opacity:.8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background:var(--button-bg);color:var(--text-color);cursor:pointer;transition:.2s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.glass{background:var(--card-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--card-border);box-shadow:0 10px 30px var(--shadow),0 0 30px rgba(var(--primary-rgb),.1);border-radius:16px}.glass-hover:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px var(--shadow),0 0 40px rgba(var(--primary-rgb),.4)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.25),rgba(255,255,255,.05),transparent);pointer-events:none}[data-theme=light] .premium-title{background:none;-webkit-text-fill-color:initial;color:var(--primary)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:fit-content;min-width:60%;max-width:90%;height:60px;padding:0 25px;display:flex;align-items:center;justify-content:center;border-radius:40px;z-index:1000;margin-top:10px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px var(--shadow),0 0 40px rgba(var(--primary-rgb),.1);transition:all .4s cubic-bezier(.165,.84,.44,1);overflow:hidden}.navbar:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);transform:skew(-25deg);transition:.7s}.navbar:hover:before{left:150%}.navbar.scrolled{top:10px;transform:translate(-50%) scale(.95);background:var(--card-bg);box-shadow:0 20px 40px var(--shadow)}.nav-links{display:flex;gap:15px;align-items:center}.nav-links a{position:relative;padding:8px 16px;border-radius:20px;text-decoration:none;color:var(--text-color);font-weight:500;font-size:.95rem;transition:all .3s ease;z-index:1}.nav-links a:before{content:"";position:absolute;inset:0;border-radius:20px;background:rgba(var(--primary-rgb),.15);transform:scale(.8);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:-1}.nav-links a:hover:before,.nav-links a.active:before{transform:scale(1);opacity:1}.nav-links a.active{color:var(--primary);text-shadow:0 0 10px rgba(var(--primary-rgb),.3)}.nav-right{position:absolute;right:15px;display:flex;align-items:center}.custom-toggle{width:58px;height:30px;background:#0003;border-radius:30px;padding:3px;cursor:pointer;display:flex;align-items:center;position:relative;border:1px solid var(--card-border);box-shadow:inset 2px 2px 5px #00000080,inset -1px -1px 2px #ffffff0d}.toggle-handle{width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),width .2s ease,background .3s ease;box-shadow:0 4px 8px #0000004d;z-index:2}.custom-toggle.active .toggle-handle{transform:translate(28px);background:var(--primary);color:#fff;box-shadow:0 0 15px rgba(var(--primary-rgb),.6)}.custom-toggle:active .toggle-handle{width:30px}.hamburger{display:none;font-size:28px;cursor:pointer;color:var(--text-color);z-index:1010;-webkit-user-select:none;user-select:none;padding:5px}@media(max-width:900px){.navbar{min-width:90%}}@media(max-width:768px){.navbar{overflow:visible!important;width:95%;min-width:95%;justify-content:space-between;padding:0 20px;left:50%;transform:translate(-50%)}.navbar.scrolled{overflow:visible!important}.hamburger{display:block}.nav-right{position:relative;right:0;z-index:1010}.nav-links{position:absolute;top:75px;left:0;right:0;width:100%;transform:translateY(-20px);opacity:0;visibility:hidden;flex-direction:column;padding:20px 0;background:var(--card-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--card-border);border-radius:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px var(--shadow)}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav-links a{width:100%;text-align:center;padding:15px 0;display:block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color);position:relative;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--primary-rgb),.15),transparent 40%);z-index:0;pointer-events:none}.hero-container{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:4rem;z-index:1}@media(min-width:992px){.hero-container{flex-direction:row;justify-content:space-between;text-align:left}}.hero-content{flex:1}.hero-greeting{font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}.name-gradient{font-weight:800;background:linear-gradient(to right,var(--text-color),var(--primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-role{font-size:clamp(2rem,3vw,2.5rem);line-height:1.2;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.role-highlight{background:linear-gradient(90deg,var(--primary),#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-top:5px}.hero-desc{font-size:1.1rem;color:var(--secondary-text);max-width:500px;line-height:1.7;margin-bottom:2.5rem}.hero-buttons{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.btn.primary{padding:1rem 2rem;background:var(--primary);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;box-shadow:0 10px 20px rgba(var(--primary-rgb),.3);transition:.3s}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(var(--primary-rgb),.5)}.btn-icon{display:inline-flex;align-items:center;gap:.3px;padding:5px;color:var(--text-color);text-decoration:none;font-size:.95rem;transition:.3s;border-bottom:1px solid transparent}.btn-icon:hover{color:var(--primary);border-bottom:1px solid var(--primary)}.hero-visual{flex:1;display:flex;justify-content:center}.hero-image{position:relative;width:350px;height:350px;border-radius:50%;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;animation:floatMain 6s ease-in-out infinite}.glass-inner{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent)}.bubble{position:absolute;border-radius:50%;background:var(--primary);filter:blur(20px);opacity:.4;z-index:-1}.bubble1{width:100px;height:100px;top:-20px;left:-20px;animation:drift 8s infinite}.bubble2{width:150px;height:150px;bottom:-30px;right:-30px;animation:drift 12s infinite reverse}@keyframes floatMain{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@media(max-width:480px){.hero-buttons{flex-direction:column;gap:1rem}.btn.primary{width:80%;text-align:center}.hero-role{font-size:1.6rem}}.about{padding:60px 20px;background:var(--bg-color);color:var(--text-color)}.about-summary{max-width:700px;margin:0 auto 40px;text-align:center;color:var(--secondary-text);line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1100px;margin:0 auto;perspective:1200px}.about-card{position:relative;padding:22px;border-radius:16px;background:var(--card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--card-border);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .3s ease;box-shadow:0 10px 25px var(--shadow),0 0 25px rgba(var(--primary-rgb),.1)}.about-card:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg);box-shadow:0 20px 40px var(--shadow),0 0 40px rgba(var(--primary-rgb),.4)}.about-card h3{color:var(--primary);margin-bottom:12px}.about-card ul{padding-left:18px}.about-card li{margin-bottom:8px;color:var(--secondary-text)}.about-card p{color:var(--secondary-text);line-height:1.6}.leetcode-full{margin-top:50px;padding:25px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;border-radius:18px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);box-shadow:0 15px 40px var(--shadow),0 0 50px rgba(var(--primary-rgb),.2);transition:.3s ease}.leetcode-full:hover{transform:translateY(-8px);box-shadow:0 25px 60px var(--shadow),0 0 60px rgba(var(--primary-rgb),.4)}.leetcode-card{width:100%;max-width:500px;margin:20px auto;border-radius:12px;transform:translateZ(40px)}.leetcode-btn-container{display:flex;justify-content:center;margin-top:15px}.leetcode-btn{padding:10px 18px;border-radius:8px;background:rgba(var(--primary-rgb),.2);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.4);text-decoration:none;font-weight:500;transition:.2s}.leetcode-btn:hover{background:var(--primary);color:#000;transform:scale(1.05)}@media(max-width:600px){.about-title{font-size:28px}.about-summary{max-width:90%}}.projects-section{padding:100px 20px;background-color:var(--bg-color);min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.bento-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:30px;padding:40px 0;width:100%;cursor:grab;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.bento-grid:before,.bento-grid:after{content:"";margin:auto}.bento-grid::-webkit-scrollbar{display:none}.premium-card{position:relative;cursor:pointer;border-radius:28px;background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:35px;transition:all .5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;width:380px;min-width:320px;flex-shrink:0}.premium-card:hover{transform:translateY(-12px) rotateX(4deg) rotateY(-2deg);border-color:rgba(var(--primary-rgb),.5);box-shadow:0 25px 50px #0006,0 0 40px rgba(var(--primary-rgb),.2)}.premium-card:before{content:"";position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at top left,rgba(var(--primary-rgb),.08),transparent 60%);pointer-events:none}.project-tag{font-size:14px;font-weight:800;text-transform:uppercase;color:var(--text-color);letter-spacing:2px;margin-bottom:15px}.premium-card h3{font-size:26px;color:var(--text-color);margin-bottom:12px;font-weight:700}.premium-card p{color:var(--text-color);font-size:15px;line-height:1.6;margin-bottom:30px}.tech-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-pills span{padding:5px 14px;background:#ffffff0a;border:1px solid var(--card-border);border-radius:100px;font-size:12px;color:#ddd;font-weight:500}.card-footer{margin-top:25px;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#fff}.arrow-icon{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:18px;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.premium-card:hover .arrow-icon{transform:rotate(-45deg) scale(1.1);box-shadow:0 0 15px var(--primary)}.premium-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2000}.premium-modal{position:fixed;inset:0;margin:auto;width:90%;max-width:800px;height:fit-content;max-height:85vh;background:var(--card-bg);border:1px solid var(--card-border);border-radius:40px;z-index:2001;padding:50px;overflow-y:auto;box-shadow:0 50px 100px #000c}.modal-inner h2{font-size:32px;color:var(--primary);margin-bottom:20px}.close-premium{position:absolute;top:25px;right:25px;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border:1px solid var(--card-border);color:#fff;cursor:pointer;transition:.3s}.close-premium:hover{background:#ef4444;border-color:#ef4444}.modal-actions{margin-top:40px;display:flex;gap:15px;justify-content:flex-start}.cta-button{position:relative;padding:14px 35px;background:var(--primary);color:#000;text-decoration:none;font-weight:700;font-size:15px;border-radius:100px;display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3);border:none;cursor:pointer}.cta-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(var(--primary-rgb),.5);background:#fff}.cta-button:active{transform:translateY(-2px) scale(.98)}.modal-actions:after{content:"";position:absolute;bottom:10%;left:10%;width:150px;height:50px;background:rgba(var(--primary-rgb),.2);filter:blur(40px);z-index:-1}@media(max-width:768px){.bento-grid{flex-direction:column;align-items:center;padding:20px}.bento-grid:before,.bento-grid:after{display:none}.premium-card{width:100%;min-width:unset}.premium-modal{width:100%;height:100%;max-height:100vh;border-radius:0;padding:80px 25px 40px}}.contact{padding:60px 20px;color:var(--text-color);background-color:var(--bg-color)}.contact-subtitle{text-align:center;color:var(--secondary-text);margin-bottom:40px}.contact-container{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;max-width:1100px;margin:0 auto;align-items:center}.contact-info{background-color:var(--card-bg);padding:40px;border-radius:16px;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.05)}.contact-info h3{color:var(--primary);font-size:24px;margin-bottom:20px}.contact-info p{margin-bottom:12px;color:var(--secondary-text);font-size:16px}.contact-info a{color:var(--primary);text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:15px;margin-top:30px}.contact-form input,.contact-form textarea{padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);outline:none;background-color:#0003;color:var(--text-color);transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb),.2)}.contact-form button{background-color:var(--primary);color:#000;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.contact-form button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.contact-form button:disabled{background-color:#666;cursor:not-allowed}.form-status{text-align:center;font-size:14px;margin-top:5px}.right-side-wrapper{display:flex;justify-content:center;align-items:center}.contact-animation{width:100%;display:flex;justify-content:center;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:40px}.right-side-wrapper{order:-1}.contact-animation{height:200px}}.experience{padding:100px 20px;background:var(--bg-color);color:var(--text-color);overflow:hidden}.experience-container{position:relative;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:60px}.timeline-line{position:absolute;left:50%;top:0;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--primary),transparent);z-index:1}.timeline-line:after{content:"";position:absolute;top:0;left:-1px;width:4px;height:100px;background:var(--primary);filter:blur(5px);animation:lineGlow 6s linear infinite}@keyframes lineGlow{0%{top:-100px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.experience-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;position:relative;z-index:2}.row-left .experience-card{grid-column:1}.row-left .experience-visual,.row-right .experience-card{grid-column:2}.row-right .experience-visual{grid-column:1}.experience-card{padding:30px;border-radius:20px;background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--card-border);transform-style:preserve-3d;transition:transform .1s ease-out,box-shadow .3s ease;box-shadow:0 15px 35px var(--shadow),0 0 30px rgba(var(--primary-rgb),.1)}.experience-card:before{content:"";position:absolute;top:30px;width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 15px var(--primary);z-index:3}.row-left .experience-card:before{right:-47px}.row-right .experience-card:before{left:-47px}.experience-card h3,.experience-card h4,.experience-card ul{transform:translateZ(30px)}.experience-card h3{color:var(--primary);margin-bottom:8px}.experience-card h4{color:var(--text-color);margin-bottom:15px;font-weight:500}.exp-duration{font-size:13px;color:var(--secondary-text);margin-bottom:20px}.experience-card ul{padding-left:18px;list-style-type:circle}.experience-card li{margin-bottom:10px;color:var(--secondary-text);line-height:1.6;font-size:14px}.experience-visual{display:flex;justify-content:center;align-items:center;width:100%;height:200px}.shatter-container{position:relative;width:150px;height:150px;perspective:1000px}.shatter-shard{position:absolute;background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--card-border);box-shadow:0 5px 15px #0000004d;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.1)}.shard-1{width:80px;height:100px;top:0;left:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,var(--card-bg),rgba(var(--primary-rgb),.1))}.shard-2{width:60px;height:60px;bottom:10px;right:10px;clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(45deg,var(--card-bg),rgba(var(--primary-rgb),.05))}.shard-3{width:40px;height:70px;top:30px;right:0;clip-path:polygon(0 0,100% 20%,80% 100%,20% 80%)}.experience-visual{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.lottie-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.lottie-container player-wrapper{filter:drop-shadow(0 0 10px rgba(var(--primary-rgb),.3));mix-blend-mode:color-dodge;opacity:.8}.lottie-right{transform:rotateY(15deg) translateY(-20px)}.lottie-left{transform:rotateY(-15deg) translateY(20px) scaleX(-1)}.exp-actions{margin-top:25px}.cert-btn{display:inline-block;padding:10px 20px;border-radius:30px;background:transparent;color:var(--primary);border:2px solid var(--primary);text-decoration:none;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;z-index:1}.cert-btn:before{content:"";position:absolute;inset:0;background:var(--primary);transform:translateY(100%);transition:transform .3s cubic-bezier(.23,1,.32,1);z-index:-1}.cert-btn:hover{color:#000;box-shadow:0 0 20px rgba(var(--primary-rgb),.5)}.cert-btn:hover:before{transform:translateY(0)}@media(max-width:900px){.experience-row{gap:30px}}@media(max-width:768px){.experience-title{font-size:32px;margin-bottom:50px}.timeline-line{left:20px;transform:none}.experience-row{grid-template-columns:1fr;gap:30px}.row-left .experience-card,.row-right .experience-card{grid-column:1;width:calc(100% - 50px);margin-left:50px}.experience-card:before{left:-36px!important;top:30px}.experience-visual{display:none}}.achievements{padding:60px 20px;background:var(--bg-color);color:var(--text-color)}.achievements-container{max-width:1100px;margin:0 auto}.achievements-grid{display:flex;justify-content:center;perspective:1200px}.achievement-card{display:flex;gap:25px;align-items:center;padding:25px;border-radius:20px;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);transform-style:preserve-3d;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 10px 30px var(--shadow),0 0 40px rgba(var(--primary-rgb),.2)}.achievement-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px var(--shadow),0 0 60px rgba(var(--primary-rgb),.4)}.cert-preview img{width:100%;max-width:280px;border-radius:12px;transform:translateZ(50px);transition:transform .3s ease}.cert-preview img:hover{transform:translateZ(70px) scale(1.05)}.cert-details{transform:translateZ(30px)}.badge{display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:20px;font-size:12px;background:rgba(var(--primary-rgb),.2);color:var(--primary)}.cert-details h3{margin-bottom:10px;color:var(--primary)}.cert-details p{color:var(--secondary-text);line-height:1.5}@media(max-width:768px){.achievement-card{flex-direction:column;text-align:center}.cert-preview img{width:100%;max-width:300px}}.certificates{padding:80px 20px;background:var(--bg-color);color:var(--text-color);overflow:hidden}.premium-title{font-size:clamp(36px,6vw,56px);text-align:center;margin-bottom:70px;font-weight:800;color:var(--text-color);background:linear-gradient(to bottom,#fff 40%,#fff3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slider-container{perspective:1200px;padding:60px 0;width:100%;display:flex;flex-direction:column;align-items:center}.slider-track{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:480px}.certificate-card{position:absolute;width:350px;padding:25px;border-radius:20px;background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 20px 50px var(--shadow),0 0 40px rgba(var(--primary-rgb),.1);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.certificate-card:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.25),rgba(255,255,255,.05),transparent);pointer-events:none}.certificate-card.active{transform:translateZ(150px) scale(1.1);z-index:10;opacity:1;border:1px solid var(--primary);box-shadow:0 25px 60px var(--shadow),0 0 20px rgba(var(--primary-rgb),.4)}.certificate-card.prev{transform:translate(-300px) translateZ(-150px) rotateY(30deg) scale(.85);z-index:5;opacity:.4;filter:blur(2px) grayscale(.5)}.certificate-card.next{transform:translate(300px) translateZ(-150px) rotateY(-30deg) scale(.85);z-index:5;opacity:.4;filter:blur(2px) grayscale(.5)}.certificate-card:not(.active):not(.prev):not(.next){opacity:0;pointer-events:none;transform:translateZ(-300px) scale(.5)}.cert-preview{position:relative;width:100%;height:200px;background:var(--card-bg);border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center}.cert-preview img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:var(--primary);color:#000;padding:10px 22px;border-radius:25px;text-decoration:none;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 5px 15px var(--shadow);z-index:20}.certificate-card.active .cert-preview:hover .view-btn{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.certificate-card.active .cert-preview:hover img{transform:scale(1.05);filter:brightness(.6)}.certificate-card h3{color:var(--primary);margin-top:20px;font-size:1.1rem;line-height:1.4;height:50px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.certificate-card p{color:var(--secondary-text);font-size:14px;margin-top:8px;font-weight:500}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:40px}.dot{width:10px;height:10px;background:rgba(var(--primary-rgb),.2);border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary);transform:scale(1.4);box-shadow:0 0 10px var(--primary)}@media(max-width:768px){.certificate-card{width:280px}.certificate-card.prev{transform:translate(-150px) translateZ(-200px) rotateY(20deg) scale(.7)}.certificate-card.next{transform:translate(150px) translateZ(-200px) rotateY(-20deg) scale(.7)}.slider-track{height:400px}}.footer{background-color:var(--card-bg);color:var(--text-color);text-align:center;padding:50px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-name{font-size:26px;margin-bottom:6px;color:var(--primary)}.footer-text{color:var(--secondary-text);margin-bottom:20px}.footer-links{display:flex;justify-content:center;gap:25px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--primary);font-weight:500;font-size:15px;transition:all .3s ease}.footer-links svg{font-size:18px}.footer-links a:hover{transform:translateY(-3px);opacity:.85}.footer-links a:hover{color:#0077b5}.footer-copy{font-size:13px;color:var(--secondary-text)}.app-container{min-height:100vh;width:100%;background-color:var(--bg-color);padding-top:70px;color:var(--text-color)}.navbar{position:fixed;top:0;width:100%;z-index:1000;background-color:var(--card-bg)}section{padding:80px 20px;background-color:var(--bg-color)}.back-to-top-wrapper{position:fixed;bottom:40px;right:40px;width:60px;height:60px;cursor:pointer;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20px) scale(.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.back-to-top-wrapper.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.progress-circle{position:absolute;transform:rotate(-90deg)}.progress-circle-bg{fill:#ffffff0d;stroke:#ffffff1a;stroke-width:3}.progress-circle-bar{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.back-to-top-btn{width:45px;height:45px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0000004d;transition:.3s}.arrow{font-size:20px;color:var(--primary);font-weight:700;transition:.3s}.back-to-top-wrapper:hover .back-to-top-btn{background:var(--primary);transform:translateY(-5px);box-shadow:0 15px 30px rgba(var(--primary-rgb),.4)}.back-to-top-wrapper:hover .arrow{color:#fff;transform:translateY(-2px)}@media(max-width:768px){.back-to-top-wrapper{bottom:20px;right:20px}}