:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0;display:block}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020617f2;border-bottom:1px solid #ffffff14;align-items:center;width:100%;height:70px;display:flex;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:70px;margin:0 auto;padding:0 22px;display:flex}.logo{color:#fff;letter-spacing:.4px;font-size:1.4rem;font-weight:800}.logo span{color:#3b82f6}.nav{align-items:center;gap:28px;display:flex}.nav a{color:#cbd5f5;align-items:center;gap:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.nav a:hover{color:#fff}.nav-link{align-items:center;gap:6px;display:flex}.home-link svg{color:#3b82f6}.about-link svg{color:#8b5cf6}.skills-link svg{color:#ec4899}.projects-link svg{color:#f59e0b}.contact-link svg{color:#fff;transition:color .3s}.contact-link:hover svg{color:#fff;filter:brightness(1.1)}.nav-link:hover svg{filter:brightness(1.2)}.nav-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 8px 20px #2563eb59;color:#fff!important}.nav-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2563eb80}.nav-btn:active{transform:translateY(-1px)}.resume-btn svg{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf2466);font-size:1.1em;transition:transform .3s,color .3s,filter .3s}.resume-btn:hover svg{color:#fcd34d;filter:drop-shadow(0 0 12px #fbbf24b3);transform:scale(1.2)rotate(5deg)}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-toggle span{background:#fff;border-radius:5px;width:26px;height:2px}.about-section{color:#fff;background:linear-gradient(135deg,#0f172a,#020617);width:100%;margin:0;padding:120px 20px}.about-container{text-align:center;max-width:1100px;margin:0 auto}.about-title{letter-spacing:-.5px;margin-bottom:24px;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800}.about-title:after{content:"";background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:3px;width:80px;height:4px;margin:16px auto 0;display:block}.about-text{color:#cbd5f5;max-width:800px;margin:0 auto 20px;font-size:1.15rem;line-height:1.8}.banner{background:radial-gradient(circle at top,#3b82f626,#0000 60%),linear-gradient(135deg,#020617,#020617);justify-content:center;align-items:center;min-height:calc(100vh - 70px);margin-top:70px;display:flex;overflow:hidden}.banner-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;width:100%;max-width:1200px;padding:3rem 2rem;display:grid}.banner-text{color:#fff}.banner-badge{color:#60a5fa;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f61f;border-radius:999px;margin-bottom:1.2rem;padding:.45rem 1.1rem;font-size:.85rem;display:inline-block}.banner-title{font-size:clamp(3rem,6vw,4.8rem);font-weight:900;line-height:1.1}.banner-title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#38bdf8,#6366f1);-webkit-background-clip:text;background-clip:text}.banner-subtitle{color:#cbd5f5;margin-top:1rem;font-size:1.15rem;font-weight:500}.banner-desc{color:#94a3b8;max-width:560px;margin-top:1.2rem;font-size:1.05rem;line-height:1.7}.banner-buttons{gap:1.2rem;margin-top:2.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.7rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:600;transition:all .25s}.btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 25px #2563eb59}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #2563eb80}.btn.outline{color:#fff;background:0 0;border:1px solid #ffffff26}.btn.outline:hover{background:#ffffff0d;border-color:#ffffff40}.banner-image{justify-content:center;display:flex;position:relative}.banner-image:before{content:"";filter:blur(140px);background:#3b82f640;border-radius:50%;width:320px;height:320px;position:absolute}.banner-image img{object-fit:cover;z-index:1;border:4px solid #ffffff1a;border-radius:50%;width:270px;height:270px;position:relative;box-shadow:0 20px 40px #0009}.skills-section{color:#fff;background:radial-gradient(circle at top,#020617,#020617);padding:110px 20px}.skills-container{text-align:center;max-width:1200px;margin:auto}.skills-title{letter-spacing:.3px;margin-bottom:12px;font-size:clamp(2rem,5vw,2.7rem);font-weight:800}.skills-subtitle{color:#cbd5f5;max-width:620px;margin:0 auto 60px;font-size:1.05rem;line-height:1.65}.skills-grid{grid-template-columns:repeat(8,1fr);gap:22px;display:grid}.skill-card{cursor:pointer;background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:30px 22px;transition:all .3s;display:flex}.skill-icon{justify-content:center;align-items:center;font-size:2.5rem;display:flex}.skill-card:first-child .skill-icon{color:#ec4899}.skill-card:nth-child(2) .skill-icon{color:#f59e0b}.skill-card:nth-child(3) .skill-icon{color:#ef4444}.skill-card:nth-child(4) .skill-icon{color:#1e40af}.skill-card:nth-child(5) .skill-icon{color:#eab308}.skill-card:nth-child(6) .skill-icon{color:#d946ef}.skill-card:nth-child(7) .skill-icon{color:#8b5cf6}.skill-card:nth-child(8) .skill-icon{color:#06b6d4}.skill-card h4{color:#e5e7eb;letter-spacing:.4px;font-size:.95rem;font-weight:600}.skill-card:hover{border-color:#3b82f6b3;transform:translateY(-7px)scale(1.05);box-shadow:0 18px 40px #2563eb33}.site-footer{color:#fff;background:linear-gradient(#020617,#010314);border-top:1px solid #ffffff0f;padding:80px 20px 30px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:50px;max-width:1200px;margin:auto;display:grid}.footer-brand h3{margin-bottom:10px;font-size:1.6rem;font-weight:800}.footer-brand span{color:#3b82f6}.footer-brand p{color:#cbd5f5;max-width:380px;font-size:.95rem;line-height:1.6}.footer-links h4,.footer-social h4{margin-bottom:14px;font-size:1.05rem;font-weight:700}.footer-links a{color:#cbd5f5;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;text-decoration:none;transition:all .25s;display:flex}.footer-links a:hover{color:#fff}.footer-link.home-link svg{color:#3b82f6}.footer-link.about-link svg{color:#8b5cf6}.footer-link.skills-link svg{color:#ec4899}.footer-link.projects-link svg{color:#f59e0b}.footer-link.contact-link svg{color:#ef4444}.footer-link:hover svg{filter:brightness(1.2)}.social-icons{gap:14px;display:flex}.social-icons a{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;transition:all .3s;display:flex}.social-icon.github{color:#fff}.social-icon.github:hover{color:#fff;background:#1f2937;border-color:#1f2937;transform:translateY(-4px)}.social-icon.linkedin{color:#fff}.social-icon.linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2;transform:translateY(-4px)}.social-icon.x{color:#fff}.social-icon.x:hover{color:#fff;background:#000;border-color:#000;transform:translateY(-4px)}.social-icon.email{color:#fff}.social-icon.email:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-4px)}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;margin-top:50px;padding-top:20px}.footer-bottom p{color:#94a3b8;font-size:.85rem}.resume-section{color:#fff;background:linear-gradient(135deg,#0f172a,#020617);padding:120px 20px}.resume-container{max-width:1100px;margin:0 auto}.resume-title{letter-spacing:-.5px;text-align:center;margin-bottom:48px;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800}.resume-title:after{content:"";background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:3px;width:80px;height:4px;margin:16px auto 0;display:block}.resume-download-box{justify-content:center;margin-bottom:4rem;display:flex}.download-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #0000;border-radius:50px;align-items:center;gap:12px;padding:14px 36px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #2563eb66}.download-btn:hover{border-color:#38bdf880;transform:translateY(-4px);box-shadow:0 16px 48px #2563eb99}.download-btn svg{color:#fbbf24;filter:drop-shadow(0 0 8px #fbbf2480);font-size:1.3em;transition:all .3s}.download-btn:hover svg{color:#fcd34d;filter:drop-shadow(0 0 16px #fbbf24cc);transform:scale(1.2)rotate(15deg)}.resume-section-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f60d;border:1px solid #38bdf81a;border-radius:12px;margin-bottom:2.5rem;padding:2.5rem;transition:all .3s}.resume-section-box:hover{background:#3b82f614;border-color:#38bdf84d;box-shadow:0 8px 32px #3b82f61a}.resume-section-header{border-bottom:2px solid #38bdf833;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.resume-section-header .section-icon{color:#38bdf8;font-size:1.8em}.resume-section-header h3{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.experience-timeline{flex-direction:column;gap:1.5rem;display:flex;position:relative}.timeline-item{cursor:pointer;background:#3b82f608;border-left:3px solid #3b82f6;border-radius:8px;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.timeline-item:hover{background:#3b82f61a;border-left-color:#38bdf8}.timeline-dot{background:#3b82f6;border:3px solid #3b82f633;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:.3rem}.timeline-content h4{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.timeline-content .company{color:#38bdf8;margin:.25rem 0 .5rem;font-weight:600}.timeline-content .period{color:#94a3b8;margin:.25rem 0;font-size:.9rem}.timeline-content .description{color:#cbd5f5;margin:.5rem 0 0;line-height:1.6}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.education-card{cursor:pointer;background:linear-gradient(135deg,#38bdf81a,#6366f11a);border:1px solid #38bdf833;border-radius:10px;padding:1.5rem;transition:all .3s}.education-card:hover{border-color:#38bdf880;transform:translateY(-8px);box-shadow:0 12px 32px #38bdf833}.education-card h4{color:#fff;margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.education-card .school{color:#38bdf8;margin:0 0 .5rem;font-size:.95rem}.education-card .year{color:#fbbf24;background:#fbbf241a;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.achievement-item{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid #10b98133;border-radius:10px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.achievement-item:hover{background:linear-gradient(135deg,#10b98126,#3b82f626);border-color:#10b98166;transform:translate(8px)}.achievement-item .check-icon{color:#10b981;flex-shrink:0;font-size:1.5em}.achievement-item p{color:#cbd5f5;margin:0;font-size:.95rem;line-height:1.5}.resume-section-header h3{font-size:1.25rem}.education-grid,.achievements-grid{grid-template-columns:1fr}.download-btn{padding:12px 24px;font-size:1rem}.contact-section{color:#fff;background:linear-gradient(135deg,#0f172a,#020617);padding:120px 20px}.contact-container{max-width:1000px;margin:0 auto}.contact-title{letter-spacing:-.5px;text-align:center;margin-bottom:16px;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800}.contact-title:after{content:"";background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:3px;width:80px;height:4px;margin:16px auto 0;display:block}.contact-subtitle{color:#cbd5f5;text-align:center;margin-bottom:48px;font-size:1.15rem;line-height:1.8}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-item{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.contact-item:hover{background:#3b82f61a;border-left-color:#38bdf8;transform:translate(8px)}.contact-icon{color:#3b82f6;text-align:center;min-width:3rem;font-size:2rem;transition:all .3s}.contact-icon.location-icon{color:#10b981}.contact-item:hover .contact-icon.location-icon{color:#34d399}.contact-item:hover .contact-icon{color:#38bdf8;transform:scale(1.15)}.contact-item h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.contact-item p{color:#cbd5f5;margin:0}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;display:flex;position:relative}.input-group input,.input-group textarea{color:#fff;resize:vertical;background:#3b82f60d;border:2px solid #3b82f633;border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-group input::placeholder,.input-group textarea::placeholder{color:#0000}.input-group label{color:#cbd5f5;pointer-events:none;font-size:1rem;transition:all .3s;position:absolute;top:1rem;left:1rem}.input-group input:focus,.input-group textarea:focus{background:#3b82f61a;border-color:#38bdf8;outline:none;box-shadow:0 0 16px #38bdf833}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label{color:#38bdf8;font-size:.875rem;font-weight:500;top:-1.2rem;left:0}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 20px #2563eb59}.contact-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-3px);box-shadow:0 16px 40px #2563eb80}.contact-btn:active{transform:translateY(-1px)}.contact-btn svg{font-size:1.2rem;transition:transform .3s}.contact-btn:hover svg{transform:rotate(15deg)}@media (width<=1200px){.header-container,.banner-container,.about-container,.skills-container,.projects-container,.contact-container,.footer-container{padding:0 2rem}.banner-title{font-size:3rem}}@media (width<=992px){.nav{z-index:1000;background:#0f172a;flex-direction:column;width:260px;height:calc(100vh - 70px);padding:2rem;transition:all .4s;position:fixed;top:70px;right:-100%}.nav.open{right:0}.nav a{margin-bottom:1.5rem;font-size:1.05rem}.menu-toggle{display:flex}.banner-container{text-align:center;grid-template-columns:1fr;gap:2rem}.banner-title{font-size:2.6rem}.about-container{max-width:100%}.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.contact-content{grid-template-columns:1fr;gap:2.5rem}}@media (width<=600px){section{padding:4rem 1.2rem}.logo{font-size:1.4rem}.banner-title{font-size:2.2rem}.banner-text{font-size:1rem}.banner-btns{flex-direction:column;width:100%}.banner-btns a{text-align:center;width:100%}.about-title,.skills-title,.projects-title,.contact-title{font-size:2rem}.about-text{font-size:1rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.contact-form input,.contact-form textarea{font-size:.95rem}.footer-content{text-align:center;flex-direction:column;gap:1rem}}@media (width<=400px){.banner-title{font-size:1.9rem}.about-title,.skills-title,.projects-title,.contact-title{font-size:1.7rem}}.project-card-icon{color:inherit;filter:drop-shadow(0 2px 8px #23294699);box-sizing:content-box;background:#23294622;border:2px solid #00c6ff44;border-radius:16px;margin:0 auto;padding:12px;font-size:48px;transition:background .2s,border .2s;display:block}.more-info-btn-wrap{justify-content:center;width:100%;margin-bottom:2rem;display:flex}.more-info-btn.surge-btn{color:#fff;background:linear-gradient(90deg,#fbbf24 0%,#00c6ff 100%);border:none;border-radius:28px;margin:0 auto;padding:12px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-block;box-shadow:0 4px 24px #00c6ff44}.more-info-btn.surge-btn:hover{color:#232946;background:linear-gradient(90deg,#00c6ff 0%,#fbbf24 100%);transform:scale(1.08)translateY(-2px);box-shadow:0 8px 32px #fbbf2444}.project-card{z-index:1;background:linear-gradient(135deg,#202850cc 60%,#2c5364cc 100%);border:1.5px solid #00c6ff21;border-radius:22px;flex-direction:column;width:100%;min-width:0;max-width:370px;height:370px;min-height:340px;margin:0 auto;transition:box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040,0 1.5px 8px #00c6ff14}.project-card-img-wrap{justify-content:center;align-items:center;width:100%;margin:24px 0 0;display:flex}.project-card-icon{color:#fff;background:linear-gradient(135deg,#232b4a 60%,#00c6ff 100%);border:2px solid #00c6ff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.5rem;display:flex;box-shadow:0 2px 8px #00c6ff1a}.project-card-content{background:0 0;border-radius:0 0 18px 18px;flex-direction:column;flex:auto;align-items:flex-start;min-height:0;margin-top:0;padding:14px 14px 10px;display:flex;overflow-y:auto}.repo-link{color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2563eb;border:2px solid #2563eb;border-radius:24px;outline:none;justify-content:center;align-items:center;gap:8px;min-width:100px;min-height:44px;margin-right:8px;padding:10px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #2563eb33}.repo-link:hover,.repo-link:focus{color:#fff;background:#1d4ed8;border-color:#1d4ed8;text-decoration:none;transform:scale(1.08)translateY(-2px);box-shadow:0 4px 24px #2563eb44}.repo-link:active{background:#1e293b;border-color:#1e293b}.repo-link svg{color:#fff!important}.live-link{color:#fff;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#22c55e;border:2px solid #22c55e;border-radius:24px;outline:none;justify-content:center;align-items:center;gap:8px;min-width:100px;min-height:44px;padding:10px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #22c55e33}.live-link:hover,.live-link:focus{color:#fff;background:#16a34a;border-color:#16a34a;text-decoration:none;transform:scale(1.08)translateY(-2px);box-shadow:0 4px 24px #22c55e44}.live-link:active{background:#15803d;border-color:#15803d}.live-link svg{color:#fff!important}.projects-section{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);min-height:100vh;padding:80px 5%}.projects-title{text-align:center;margin-bottom:60px;font-size:2.5rem;font-weight:700}.projects-cards-wrapper{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));place-items:stretch stretch;gap:36px;width:100%;margin:0 auto;display:grid}.project-card{z-index:1;background:linear-gradient(135deg,#202850eb 60%,#2c5364eb 100%);border:1.5px solid #00c6ff21;border-radius:22px;flex-direction:column;width:100%;min-width:0;max-width:420px;min-height:420px;margin:0 auto;transition:box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040,0 1.5px 8px #00c6ff14}.project-card:before{content:"";z-index:2;background:linear-gradient(90deg,#00c6ff 0%,#fbbf24 100%);height:6px;display:block;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:#00c6ff;transform:translateY(-10px)scale(1.03);box-shadow:0 16px 48px #00c6ff2e,0 2px 16px #fbbf2444}.project-card-img-wrap{background:linear-gradient(135deg,#232946 60%,#00c6ff 100%);border-bottom:1.5px solid #00c6ff21;justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}.project-card-img{object-fit:cover;border-radius:0 0 12px 12px;width:100%;max-width:100%;height:100%;max-height:180px}.project-card-content{min-height:160px;box-shadow:none;background:0 0;border-radius:0 0 18px 18px;flex-direction:column;align-items:flex-start;margin-top:0;padding:18px 14px 14px;display:flex}.project-card-title{color:#00c6ff;letter-spacing:.5px;text-shadow:0 2px 8px #23294699;margin-bottom:10px;font-size:1.35rem;font-weight:800}.project-card-desc{color:#e0eaff;letter-spacing:.1px;text-shadow:0 1px 4px #181c2a;flex:1;margin-bottom:18px;font-size:1rem;font-weight:500}.project-card-links{justify-content:flex-start;gap:10px;width:100%;margin-top:10px;display:flex}.project-card-links a{border-radius:24px;align-items:center;gap:7px;padding:8px 16px;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.project-card-links a:hover{color:#fff;background:linear-gradient(90deg,#fbbf24 0%,#00c6ff 100%);transform:scale(1.08)translateY(-2px);box-shadow:0 4px 24px #fbbf2444}.repo-link{color:#000;background:#00c6ff}.repo-link:hover{color:#fff;background:#232946}.live-link{color:#000;background:#00f260}.live-link:hover{color:#fff;background:#0575e6}.disabled{opacity:.35;pointer-events:none;color:#aaa;cursor:not-allowed;background:#232946}