@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--primary-color: #ffffff;--secondary-color: #e5e5e5;--accent-color: rgb(60, 207, 145);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-light: #94a3b8;--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7);--glow: 0 4px 20px rgba(0, 0, 0, .2);--glow-strong: 0 8px 32px rgba(0, 0, 0, .4);--glow-accent: 0 0 20px rgba(60, 207, 145, .4);--backdrop-blur: blur(10px);--transition-duration: .3s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--transition: all var(--transition-duration) var(--transition-timing);--animation-duration: .8s;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Courier Prime", "Courier New", monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--section-spacing-sm: .25rem;--section-spacing-md: .75rem;--section-spacing-lg: 1rem;--section-spacing-xl: 1.5rem;--header-height: 4rem;--container-max-width: 1200px;--container-padding: 2rem;--container-padding-mobile: 1rem;--grid-gap: 2rem;--grid-gap-mobile: 1.5rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--z-negative: -1;--z-elevate: 1;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-popover: 400;--z-maximum: 999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.7;color:#fff;color:var(--text-primary);background-color:#000;background-color:var(--bg-primary)}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes underlineGlow{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.animate-on-scroll{opacity:0;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1);transition:transform var(--animation-duration) var(--transition-timing),opacity var(--animation-duration) var(--transition-timing);will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.animate-on-scroll.animate{opacity:1}.fade-up{transform:translateY(40px)}.fade-up.animate{transform:translateY(0)}.scale-in{transform:scale(.95)}.scale-in.animate{transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.15s}.stagger-3{transition-delay:.2s}.stagger-4{transition-delay:.25s}.stagger-5{transition-delay:.3s}.stagger-6{transition-delay:.35s}@media (prefers-reduced-motion: reduce){.animate-on-scroll{transition:none;opacity:1;transform:none}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6{transition-delay:0s}}@media print{.animate-on-scroll{opacity:1!important;transform:none!important;transition:none!important}}.project-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:1rem;border-radius:var(--radius-md);-webkit-text-decoration:none;text-decoration:none;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:.875rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-action-btn.primary{background:#fff;background:var(--primary-color);color:var(--text-on-primary)}.project-action-btn.secondary{background:#0a0a0a;background:var(--bg-secondary);color:#fff;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border:1px solid var(--border-color)}.project-action-btn:hover{transform:translateY(-2px)}.project-action-btn.primary:hover{background:#4fd3a5;box-shadow:0 8px 24px #3ccf914d}.project-action-btn.secondary:hover{background:#ffffff1a;border-color:#fff;border-color:var(--primary-color)}.header{position:fixed;top:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;z-index:var(--z-sticky);padding:.35rem 0;width:100%}.nav{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 .5rem}.nav-logo{font-weight:700;font-size:1.5rem;color:#fff;color:var(--text-primary);-webkit-text-decoration:none;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-link{color:#94a3b8;color:var(--text-light);-webkit-text-decoration:none;text-decoration:none;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#fff;color:var(--text-primary)}.nav-pill-container{width:auto;display:flex;flex-wrap:nowrap;justify-content:center;background:#0006;border-radius:1.5rem;padding:.25rem;gap:.15rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(60,207,145,.3);box-shadow:0 8px 32px #0000004d}.nav-pill{background:transparent;border:none;color:#ffffffb3;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:.8rem;font-weight:500;padding:.4rem .75rem;border-radius:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-text-decoration:none;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.nav-pill:hover{background:#3ccf911a;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.nav-pill.active{background:#3ccf91;background:var(--accent-color);color:#000;font-weight:600;box-shadow:0 4px 16px #3ccf9166;transform:translateY(-1px);position:relative;z-index:1;z-index:var(--z-elevate)}@media (max-width: 380px){.nav-pill-container{gap:.15rem;padding:.25rem}.nav-pill{font-size:.8rem;padding:.4rem .75rem}}@media (min-width: 769px){.header{position:sticky;padding:.5rem 0}.nav{padding:0 2rem}.nav-pill-container{border-radius:2rem;padding:.5rem;gap:.25rem}.nav-pill{font-size:.9rem;padding:.75rem 1.5rem}}.nav-pill-container-open{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:none}.nav-toggle-open span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:last-child{transform:rotate(-45deg) translate(7px,-6px)}.about-page{position:relative;overflow:hidden}.about-container{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.about-layout{display:grid;grid-template-columns:300px 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:60vh;position:relative;z-index:1;z-index:var(--z-elevate)}.about-image{display:flex;justify-content:center;align-items:center}.profile-image{position:relative;border-radius:50%;background:linear-gradient(135deg,#8b5cf60d,#3b82f608);padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;background-clip:padding-box;box-shadow:0 4px 20px #0003,0 0 20px #3ccf9166;box-shadow:var(--glow),var(--glow-accent);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-image:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#fff,#3ccf91);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-mask:linear-gradient(#fff 0,#fff 0) content-box,linear-gradient(#fff 0,#fff 0);mask:linear-gradient(#fff 0,#fff 0) content-box,linear-gradient(#fff 0,#fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;z-index:var(--z-negative)}.profile-image:hover{background:linear-gradient(135deg,#3ccf9126,#3ccf910d);box-shadow:0 8px 32px #0006,0 0 20px #3ccf9166;box-shadow:var(--glow-strong),var(--glow-accent);transform:scale(1.05)}.about-content{text-align:left;max-width:800px;margin:0 auto}.about-content .section-title{margin-bottom:1.5rem;margin-bottom:calc(.5rem + var(--section-spacing-lg))}@media (min-width: 769px){.about-content{max-width:none}}.about-page h1{font-size:3.5rem;font-weight:400;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#3ccf91);background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-mono)}.about-subtitle{font-size:1.5rem;font-weight:600;color:#fff;color:var(--text-primary);margin-bottom:1.5rem;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-mono)}.about-bio{font-size:1.1rem;color:#ffffffb3;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto}.about-details{font-size:1rem;color:#94a3b8;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.about-details p{margin-bottom:1rem;color:#b0b0b0;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.about-cta{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.about-highlights{margin:2rem 0;width:100%;max-width:1200px;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.highlights-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:1rem;width:100%}.highlight-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff17;border:1px solid rgba(255,255,255,.15);border-radius:16px;transition:all .3s ease;min-height:100px}.highlight-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.highlight-icon{font-size:2.5rem;flex-shrink:0;line-height:1;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.highlight-content h4{font-size:1.125rem;font-weight:600;color:#fff;color:var(--text-primary);margin-bottom:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);letter-spacing:-.02em}.highlight-content p{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}@media (min-width: 481px){.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.highlight-item{padding:2rem;min-height:120px}.highlight-content h4{font-size:1.25rem}.highlight-content p{font-size:1rem}}@media (min-width: 769px){.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;z-index:var(--z-negative)}.page-section.hero-section{min-height:100vh;padding:2rem 0}.hero-container-modern{width:100%;max-width:1200px;max-width:var(--container-max-width);padding:1rem;display:flex;flex-direction:column;gap:1rem}.hero-status{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}.hero-location{font-size:.875rem;color:#ffffffb3;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary)}.hero-content-modern{text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.hero-greeting{margin-bottom:0}.greeting-text{font-size:1.1rem;color:#ffffffb3;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);opacity:.8}.hero-name-modern{font-size:2rem;font-weight:700;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);letter-spacing:-.03em;line-height:1.2}.name-highlight{color:#3ccf91;color:var(--accent-color);position:relative}.hero-title-wrapper{position:relative;margin:.25rem 0}.hero-title-modern{font-size:1.5rem;font-weight:600;color:#fff;color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);letter-spacing:-.02em;position:relative}.typing-text{position:relative;overflow:hidden;display:inline-block;min-width:300px;text-align:center}.typing-text:after{content:"|";color:#3ccf91;color:var(--accent-color);animation:blink 1s infinite;margin-left:2px}.title-underline{height:3px;background:linear-gradient(90deg,transparent,rgb(60,207,145),transparent);background:linear-gradient(90deg,transparent,var(--accent-color),transparent);margin:1rem auto 0;width:200px;border-radius:2px;animation:underlineGlow 3s ease-in-out infinite}.hero-bio-modern{font-size:.95rem;color:#ffffffb3;color:var(--text-secondary);line-height:1.5;margin:.5rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);max-width:600px;margin-left:auto;margin-right:auto;padding:0 .5rem}.hero-stats{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0 .75rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#fff;color:var(--primary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);display:block}.stat-label{font-size:.875rem;color:#ffffffb3;color:var(--text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);margin-top:.25rem}.stat-divider{width:1px;height:3rem;background:#fff3}.hero-actions{margin-top:2rem;flex-direction:column;align-items:center;gap:1rem}.hero-social-links{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.social-links-row{display:flex;gap:1rem;justify-content:center;width:100%}.social-links-centered{justify-content:center}.social-links-row:first-child .social-link-modern:nth-child(3){display:none}.social-link-modern{color:#ffffffb3;color:var(--text-secondary);-webkit-text-decoration:none;text-decoration:none;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);display:flex;align-items:center;gap:.5rem}.social-link-modern:hover{color:#3ccf91;color:var(--accent-color);transform:translateY(-1px)}.social-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.social-icon svg{width:20px;height:20px;fill:currentColor}.social-icon use{fill:currentColor}.social-label{font-size:.9rem;font-weight:500}.hero-particles{position:absolute;inset:0;overflow:hidden;z-index:1;z-index:var(--z-elevate)}.particle{position:absolute;background:#3ccf9199;border-radius:50%;pointer-events:none;animation:float 6s infinite linear}.particle:nth-child(odd){background:#ffffff4d;animation-duration:8s}.particle:nth-child(3n){background:#3ccf9166;animation-duration:10s}@media screen and (min-width: 481px) and (max-width: 1024px){.page.hero-page-modern{margin-top:10rem}}@media screen and (min-width: 481px){.page-section.hero-section{min-height:calc(100vh - 4rem);min-height:calc(100vh - var(--header-height));padding:2rem 0 3rem}.hero-container-modern{padding:1.5rem;gap:1.25rem;max-width:720px;margin-top:4rem}.hero-content-modern{gap:1rem}.hero-name-modern{font-size:2.75rem}.hero-title-modern{font-size:1.875rem}.hero-bio-modern{font-size:1.125rem;padding:0 1rem;line-height:1.6}.hero-actions{justify-content:center;margin-top:1.25rem;flex-direction:row}.social-links-row{gap:1.5rem}.social-link-modern{min-width:160px;max-width:220px}.hero-stats{justify-content:center;margin:1.5rem 0 1rem}}@media screen and (min-width: 769px){.hero-actions{flex-direction:row}.hero-social-links{flex-direction:row;gap:1.5rem}.social-links-row:last-child{display:none}.social-links-row:first-child{gap:1.5rem}.social-links-row:first-child .social-link-modern:nth-child(3){display:flex}.social-link-modern{font-size:1rem}}@media screen and (min-width: 1025px){.page-section.hero-section{padding:0}.page.hero-page-modern{margin-top:0}.hero-container-modern{padding:3rem;gap:1rem}.hero-name-modern{font-size:3rem}.hero-title-modern{font-size:2rem}.hero-bio-modern{font-size:1.125rem;padding:0 2rem}.hero-stats{margin:2.5rem 0 1.5rem}.hero-social-links,.social-links-row:first-child{gap:2rem}}.projects-page-modern{background:linear-gradient(135deg,#000000f2,#0a0a0af2);position:relative;overflow:hidden}#projects .section-wrapper{position:relative;width:100%}#projects .section-header{margin-bottom:1rem;margin-bottom:var(--section-spacing-lg)}.section-wrapper{padding:0;max-width:1200px;max-width:var(--container-max-width);margin:0 auto;width:100%}.section-header{padding:0 1rem;margin-bottom:1rem;margin-bottom:var(--section-spacing-lg)}.section-title{text-align:center;color:#3ccf91;color:var(--accent-color);font-size:1.75rem;margin-bottom:.5rem}.section-subtitle{text-align:center;color:#ffffffb3;color:var(--text-secondary);margin-bottom:0;font-size:1rem}.projects-grid-wrapper{width:100%;padding:0}.projects-grid-modern{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;width:100%;margin-bottom:2rem}.project-card-modern{background:#0a0a0a;background:var(--bg-secondary);border-radius:1.5rem;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid rgba(255,255,255,.1);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-card-modern:not(:first-child){display:none}.project-card-modern:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 4px 20px #0003;box-shadow:var(--glow);background:#ffffff0d}.project-content-modern{display:flex;flex-direction:column;min-height:240px}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;min-height:40px;height:40px}.project-status-tags{display:flex;gap:.75rem;align-items:center}.status-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background:#ffffff1a;color:#ffffffb3;color:var(--text-secondary)}.status-tag.star{padding:.5rem;background:#ffd7001a;color:gold;border-radius:50%;line-height:0}.status-tag.star svg{display:block;width:24px;height:24px;animation:shine 2s infinite ease-in-out}@keyframes shine{0%{color:gold;filter:drop-shadow(0 0 0px rgba(255,215,0,0))}50%{color:#fff3b0;filter:drop-shadow(0 0 4px rgba(255,215,0,.8))}to{color:gold;filter:drop-shadow(0 0 0px rgba(255,215,0,0))}}.project-date{font-size:.75rem;color:#ffffffb3;color:var(--text-secondary);opacity:.7;background:#ffffff0d;padding:.375rem .75rem;border-radius:1rem}.project-title-modern{font-size:1.25rem;font-weight:600;color:#fff;color:var(--text-primary);margin:0 0 1rem;line-height:1.2;min-height:2.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:flex;align-items:center;gap:.5rem}.project-description-modern{color:#ffffffb3;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem;height:240px;min-height:240px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}.project-tech-modern{display:flex;flex-wrap:wrap;gap:.5rem;height:68px;min-height:68px;overflow:hidden;position:relative;margin-top:1rem}.project-tech-modern:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:24px;background:linear-gradient(to bottom,transparent,#0a0a0a);background:linear-gradient(to bottom,transparent,var(--bg-secondary));pointer-events:none;opacity:0;transition:opacity .2s ease}.project-tech-modern.overflow:after{opacity:1}.tech-chip-modern{background:#ffffff1a;padding:.35rem .75rem;border-radius:9999px;border-radius:var(--radius-full);font-size:.85rem;color:#ffffffb3;color:var(--text-secondary);transition:all .3s ease;height:32px;display:flex;align-items:center}.tech-chip-modern:hover{background:#ffffff26;transform:translateY(-1px)}.tech-name{font-size:.75rem;color:#fff;color:var(--text-primary);white-space:nowrap;font-weight:500}.project-actions{margin-top:1.5rem;display:flex;justify-content:center;align-items:center;width:100%}.view-repository-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;color:var(--text-primary);min-width:160px;white-space:nowrap;text-align:center;box-shadow:0 2px 8px #0000001a}.view-repository-btn:hover{background:#ffffff26;border-color:#3ccf91;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 16px #3ccf9133}.view-repository-btn svg{width:16px;height:16px;opacity:1;transition:all .3s ease;fill:#fff;color:#fff}.view-repository-btn:hover svg{opacity:1;transform:translateY(-1px);fill:#fff;color:#fff}.project-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;border-radius:1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:all .3s ease;background:#3ccf91;background:var(--accent-color);border:1px solid rgb(60,207,145);border:1px solid var(--accent-color);color:#000;color:var(--bg-primary);min-width:160px;white-space:nowrap;text-align:center;box-shadow:0 2px 8px #3ccf914d}.project-action-btn:hover{background:#4ade80;border-color:#4ade80;color:#000;color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 16px #3ccf9166}.project-action-btn svg{width:16px;height:16px;opacity:.8;transition:all .3s ease}.project-action-btn:hover svg{opacity:1;transform:translateY(-1px)}.carousel-controls{display:flex;justify-content:center;align-items:center;padding:1rem;gap:2rem;position:relative;bottom:0}.carousel-arrow{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);position:static;transform:none}.carousel-arrow:hover{background:#ffffff26;border-color:#3ccf91;border-color:var(--accent-color);transform:translateY(-1px)}.carousel-arrow:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.carousel-arrow svg{width:24px;height:24px;fill:currentColor;transition:transform .3s ease}.carousel-arrow.prev:hover svg{transform:translate(-2px)}.carousel-arrow.next:hover svg{transform:translate(2px)}.carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.carousel-dot.active{background:#3ccf91;background:var(--accent-color);transform:scale(1.2)}.carousel-btn{width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(255,255,255,.1);border:1px solid var(--border-color);background:var(--bg-card);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.carousel-btn:hover:not(.disabled){background:var(--bg-hover);border-color:#fff;border-color:var(--text-primary);color:#fff;color:var(--text-primary)}.carousel-btn.disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (min-width: 769px){.section-header{padding:0 1rem;margin-bottom:1.5rem;margin-bottom:var(--section-spacing-xl)}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem}.projects-grid-modern{grid-template-columns:repeat(2,1fr);gap:2rem}.project-card-modern{padding:2rem}.project-card-modern:not(:first-child){display:block}.project-content-modern{min-height:192px}.project-title-modern{font-size:1.75rem}.project-description-modern{height:192px;min-height:192px;-webkit-line-clamp:8}.carousel-controls{margin-top:3rem;justify-content:space-between;padding:0 2rem}.carousel-dots{margin-top:0}}@media screen and (min-width: 1025px){#projects .section-header{margin-bottom:3rem}.section-wrapper{padding:0 1rem}.projects-grid-wrapper{position:relative;padding:0 5rem}.carousel-controls{position:static;display:flex;justify-content:space-between;align-items:center;padding:0;gap:0;margin-top:0;height:0;overflow:visible}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);z-index:10}.carousel-arrow.prev{left:-5rem}.carousel-arrow.next{right:-5rem}.carousel-arrow:hover{background:#000000e6;border-color:#3ccf91;border-color:var(--accent-color);transform:translateY(-50%) scale(1.05)}.carousel-arrow svg{width:28px;height:28px}.carousel-controls .carousel-dots{display:none}.projects-grid-wrapper+.carousel-dots{display:flex;justify-content:center;align-items:center;margin:2.5rem auto 0;gap:.75rem;max-width:1200px;padding:0}.projects-grid-wrapper+.carousel-dots .carousel-dot{width:12px;height:12px;background:#ffffff4d;border-radius:50%;cursor:pointer;transition:all .3s ease}.projects-grid-wrapper+.carousel-dots .carousel-dot.active{transform:scale(1.3);background:#3ccf91;background:var(--accent-color);box-shadow:0 0 8px #3ccf9166}.projects-grid-wrapper+.carousel-dots .carousel-dot:hover{background:#ffffff80}}.status-tag.repo svg{opacity:.8}.status-tag.live{background:#3ccf911a;color:#3ccf91;color:var(--accent-color)}.status-tag.pinned{color:gold;padding:.25rem;background:#ffd7001a;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-tag.pinned svg{width:16px;height:16px;transition:transform .3s ease;transform:rotate(45deg)}.status-tag.pinned:hover svg{transform:scale(1.1) rotate(15deg)}.status-tag svg{width:12px;height:12px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;position:relative}.pulse-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.project-title-modern>span:first-child{font-size:1.2em;line-height:1}.project-star{display:inline-block;margin-right:.5rem;font-size:1.2em;line-height:1;transform:translateY(-1px)}.carousel-wrapper{position:relative;width:100%;padding:0 4rem;margin-bottom:3rem}.carousel-info{display:flex;align-items:baseline;gap:.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.current-page{font-size:2rem;font-weight:600;color:#fff;color:var(--text-primary)}.total-pages{font-size:1.25rem;color:#ffffffb3;color:var(--text-secondary);opacity:.8}.skills-page-modern{position:relative}.skills-subtitle{text-align:center;font-size:1rem;color:#ffffffb3;color:var(--text-secondary);margin-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);opacity:.8}.skills-categories-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.skill-category-card{background:#ffffff17;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.5rem;transition:all .3s ease}.skill-category-card:hover{transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.skill-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skill-category-title{font-size:1.125rem;font-weight:600;color:#fff;color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);letter-spacing:-.02em}.skills-grid-modern{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-chip{flex:0 0 auto}.skill-chip-inner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0a0a0a;background:var(--bg-secondary);border-radius:1rem;border:1px solid rgba(255,255,255,.1);border:1px solid var(--border-color);transition:all .3s ease}.skill-name{font-size:.875rem;color:#fff;color:var(--text-primary)}.skill-indicator{width:6px;height:6px;border-radius:50%}.skill-indicator.primary{background:#fff;background:var(--primary-color)}.skill-indicator.ai{background:#ff6b6b}.skill-indicator.web3{background:#4ecdc4}.skill-indicator.mentor{background:#45b7d1}.skill-indicator.experience{background:#f9ca24}.skill-indicator.certified{background:#a55eea}.skills-sections{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.skills-section{background:transparent;padding:1.5rem;border-radius:1rem;border:2px solid #ffffff;border:2px solid var(--primary-color);box-shadow:0 4px 20px #0003;box-shadow:var(--glow);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.skills-section:hover{background:#ffffff0d;box-shadow:0 8px 32px #0006;box-shadow:var(--glow-strong);transform:translateY(-2px)}.skills-section-title{font-size:1.5rem;font-weight:600;color:#3ccf91;color:var(--accent-color);margin-bottom:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.skill-item{background:transparent;padding:1rem;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.skill-item:hover{background:#ffffff0d;transform:translateY(-2px)}.skill-item:hover .skill-icon{transform:scale(1.1)}.skills-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr}.skill-category{margin-bottom:.25rem;margin-bottom:var(--section-spacing-sm)}.skill-category:last-child{margin-bottom:0}@media (min-width: 481px){.skills-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.skills-categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category-card{padding:2rem}.skill-category-title{font-size:1.25rem}.skills-sections{gap:2.5rem}.skills-section{padding:2rem}.skills-section-title{font-size:1.75rem}.skill-item{padding:1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 769px){.skills-subtitle{margin-bottom:3rem}.skills-categories-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.skills-sections{gap:3rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 1025px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 768px) and (max-width: 1024px),screen and (min-width: 1024px) and (max-height: 1366px){.skills-grid{gap:.75rem}.skill-category{margin-bottom:.25rem;margin-bottom:var(--section-spacing-sm)}}.container{width:100%;max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem}.section-wrapper{width:100%;padding:2rem 0}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:600;color:#fff;color:var(--text-primary);margin-bottom:1rem}.section-subtitle{font-size:1rem;color:#ffffffb3;color:var(--text-secondary);opacity:.8}.main-content{position:relative;z-index:1;z-index:var(--z-elevate)}.page-content{min-height:calc(100vh - 160px)}.page{width:100%;position:relative}.section{padding:1.5rem 0}.section-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#3ccf91;color:var(--accent-color)}.grid-2-columns,.grid-3-columns,.grid-4-columns{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width: 481px){.container{padding:0 1.5rem}.section{padding:2rem 0}.section-title{font-size:2rem}.grid-2-columns,.grid-3-columns,.grid-4-columns{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 769px){.container{padding:0 2rem;padding:0 var(--container-padding)}.section-wrapper{padding:3rem 0}.section-header{margin-bottom:3rem}.section-title{font-size:2rem}.section-subtitle{font-size:1.125rem}.section{padding:2.5rem 0}.grid-3-columns,.grid-4-columns{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.section-wrapper{padding:4rem 0}.section-title{font-size:2.5rem}.section{padding:3rem 0}.grid-4-columns{grid-template-columns:repeat(4,1fr)}}.footer{background:#0a0a0a;background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1);border-top:1px solid var(--border-color);margin-top:1rem;margin-top:var(--section-spacing-lg);padding:2rem 0}.footer-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 1rem}.footer-links{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;margin-bottom:2rem}.footer-links-row{display:flex;gap:1rem;justify-content:center;width:100%}.footer-links-centered{justify-content:center}.footer-links-row:first-child .footer-link:nth-child(3){display:none}.footer-link{color:#ffffffb3;color:var(--text-secondary);-webkit-text-decoration:none;text-decoration:none;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);display:flex;align-items:center;gap:.5rem}.footer-link:hover{color:#3ccf91;color:var(--accent-color);transform:translateY(-1px)}.footer-copyright{color:var(--text-muted);font-size:.875rem;margin-top:1rem}@media (min-width: 769px){.footer{padding:3rem 0}.footer-content{padding:0 2rem}.footer-links{flex-direction:row;justify-content:center;gap:2rem;margin-bottom:2rem}.footer-links-row:last-child{display:none}.footer-links-row:first-child{gap:2rem}.footer-links-row:first-child .footer-link:nth-child(3){display:flex}.footer-link{font-size:1rem}.footer-copyright{font-size:.9rem}}.page-section{padding:.75rem 0;padding:var(--section-spacing-md) 0;position:relative;contain:content}.section{padding:.25rem 0;padding:var(--section-spacing-sm) 0}.section-inner{max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem;padding:0 var(--container-padding-mobile);width:100%}.section-header{text-align:center;margin-bottom:.75rem;margin-bottom:var(--section-spacing-md);max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:max(1.5rem,min(3vw,2rem));font-weight:700;color:#3ccf91;color:var(--accent-color);margin-bottom:1rem;margin-bottom:var(--spacing-md);letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight)}.section-subtitle{font-size:1rem;font-size:var(--font-size-base);color:#ffffffb3;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.75;line-height:var(--line-height-relaxed)}.section-content{position:relative;z-index:1;z-index:var(--z-elevate)}.section-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;grid-gap:var(--grid-gap-mobile);gap:1.5rem;gap:var(--grid-gap-mobile);width:100%}.section-flex{display:flex;flex-direction:column;gap:1.5rem;gap:var(--grid-gap-mobile);width:100%}.section-sm{padding:.25rem 0;padding:var(--section-spacing-sm) 0}.section-lg{padding:1rem 0;padding:var(--section-spacing-lg) 0}.section-xl{padding:1.5rem 0;padding:var(--section-spacing-xl) 0}.section-dark{background-color:#0a0a0a;background-color:var(--bg-secondary)}.section-gradient{background:linear-gradient(135deg,#000,#0a0a0a);background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.section:empty{display:none}.section img{max-width:100%;height:auto;display:block}.section a{color:inherit;-webkit-text-decoration:none;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-duration) var(--transition-timing)}.section a:hover{color:#3ccf91;color:var(--accent-color)}@media screen and (min-width: 769px){.page-section{padding:2.5rem 0}.page-section+.page-section{margin-top:1rem}.section-inner{padding:0 2rem;padding:0 var(--container-padding)}.section-header{margin-bottom:1rem;margin-bottom:var(--section-spacing-lg)}.section-title{font-size:max(1.75rem,min(4vw,2.25rem))}.section-subtitle{font-size:1.125rem;font-size:var(--font-size-lg)}.section-grid{gap:2rem;gap:var(--grid-gap)}.section-flex{flex-direction:row;gap:2rem;gap:var(--grid-gap)}}@media screen and (min-width: 1025px){.page-section{padding:3rem 0}.page-section+.page-section{margin-top:1.5rem}.section{padding:.75rem 0;padding:var(--section-spacing-md) 0}.section-title{font-size:max(2rem,min(5vw,2.5rem))}}@media print{.section{padding:1rem 0;page-break-inside:avoid}.section-inner{max-width:none;padding:0}.section-header{margin-bottom:1rem}.section-dark,.section-gradient{background:none;color:#000}}.section-bg-dots{position:relative;overflow:hidden}.section-bg-dots:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(60,207,145,.15) 1px,transparent 0);background-size:30px 30px;z-index:0;pointer-events:none}@media (min-width: 769px){.section-bg-dots:before{background-size:40px 40px}}.section-bg-grid{position:relative;overflow:hidden}.section-bg-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(60,207,145,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(60,207,145,.1) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}.section-bg-hexagon{position:relative;overflow:hidden}.section-bg-hexagon:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,transparent 6px,rgba(255,255,255,.05) 6px,rgba(255,255,255,.05) 10px,transparent 10px);background-size:50px 50px;z-index:0;pointer-events:none}.section-bg-diagonal{position:relative;overflow:hidden}.section-bg-diagonal:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(60,207,145,.08) 15px,rgba(60,207,145,.08) 16px);z-index:0;pointer-events:none}@media (min-width: 769px){.section-bg-grid:before{background-size:50px 50px}.section-bg-hexagon:before{background-image:radial-gradient(circle at 50% 50%,transparent 8px,rgba(255,255,255,.05) 8px,rgba(255,255,255,.05) 12px,transparent 12px);background-size:60px 60px}.section-bg-diagonal:before{background-image:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(60,207,145,.08) 20px,rgba(60,207,145,.08) 21px)}}.hero-background{position:absolute;inset:0;opacity:.4}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(60,207,145,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(60,207,145,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.page-section:before{content:"";position:absolute;inset:0;background:linear-gradient(#9333ea1f,#9333ea1f) 15% 25% / 80px 80px no-repeat,linear-gradient(#8b45c11a,#8b45c11a) 75% 15% / 60px 60px no-repeat,linear-gradient(#7c3aed24,#7c3aed24) 85% 70% / 70px 70px no-repeat,linear-gradient(#6d28d914,#6d28d914) 25% 80% / 90px 90px no-repeat,linear-gradient(#a855f71c,#a855f71c) 60% 45% / 50px 50px no-repeat,linear-gradient(#1e3a8a1a,#1e3a8a1a) 10% 60% / 75px 75px no-repeat,linear-gradient(#2563eb14,#2563eb14) 90% 30% / 65px 65px no-repeat,linear-gradient(#1d4ed81f,#1d4ed81f) 45% 10% / 85px 85px no-repeat,linear-gradient(#3b82f617,#3b82f617) 30% 55% / 55px 55px no-repeat,linear-gradient(#4f46e51c,#4f46e51c) 70% 85% / 95px 95px no-repeat,linear-gradient(#c4b5fd14,#c4b5fd14) 50% 30% / 30px 30px no-repeat,linear-gradient(#a5b4fc12,#a5b4fc12) 20% 40% / 25px 25px no-repeat,linear-gradient(#c7d2fe0f,#c7d2fe0f) 80% 60% / 35px 35px no-repeat,linear-gradient(#5b21b617,#5b21b617) 35% 15% / 45px 45px no-repeat,linear-gradient(#4338ca1a,#4338ca1a) 80% 40% / 40px 40px no-repeat,linear-gradient(#6366f114,#6366f114) 15% 75% / 38px 38px no-repeat,#000;background:linear-gradient(#9333ea1f,#9333ea1f) 15% 25% / 80px 80px no-repeat,linear-gradient(#8b45c11a,#8b45c11a) 75% 15% / 60px 60px no-repeat,linear-gradient(#7c3aed24,#7c3aed24) 85% 70% / 70px 70px no-repeat,linear-gradient(#6d28d914,#6d28d914) 25% 80% / 90px 90px no-repeat,linear-gradient(#a855f71c,#a855f71c) 60% 45% / 50px 50px no-repeat,linear-gradient(#1e3a8a1a,#1e3a8a1a) 10% 60% / 75px 75px no-repeat,linear-gradient(#2563eb14,#2563eb14) 90% 30% / 65px 65px no-repeat,linear-gradient(#1d4ed81f,#1d4ed81f) 45% 10% / 85px 85px no-repeat,linear-gradient(#3b82f617,#3b82f617) 30% 55% / 55px 55px no-repeat,linear-gradient(#4f46e51c,#4f46e51c) 70% 85% / 95px 95px no-repeat,linear-gradient(#c4b5fd14,#c4b5fd14) 50% 30% / 30px 30px no-repeat,linear-gradient(#a5b4fc12,#a5b4fc12) 20% 40% / 25px 25px no-repeat,linear-gradient(#c7d2fe0f,#c7d2fe0f) 80% 60% / 35px 35px no-repeat,linear-gradient(#5b21b617,#5b21b617) 35% 15% / 45px 45px no-repeat,linear-gradient(#4338ca1a,#4338ca1a) 80% 40% / 40px 40px no-repeat,linear-gradient(#6366f114,#6366f114) 15% 75% / 38px 38px no-repeat,var(--bg-primary);z-index:-1}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#ffffffb3;color:var(--text-secondary)}.text-light{color:#94a3b8;color:var(--text-light)}.text-accent{color:#3ccf91;color:var(--accent-color)}.bg-primary{background-color:#000;background-color:var(--bg-primary)}.bg-secondary{background-color:#0a0a0a;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#1a1a1a;background-color:var(--bg-tertiary)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.rounded-sm{border-radius:.5rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:1rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:1.5rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px #00000080;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0009;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #000000b3;box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:0 4px 20px #0003;box-shadow:var(--glow)}.shadow-glow-strong{box-shadow:0 8px 32px #0006;box-shadow:var(--glow-strong)}.transition{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 4px 20px #0003;box-shadow:var(--glow)}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.z-negative{z-index:-1;z-index:var(--z-negative)}.z-0{z-index:0}.z-elevate{z-index:1;z-index:var(--z-elevate)}.z-sticky{z-index:100;z-index:var(--z-sticky)}.z-drawer{z-index:200;z-index:var(--z-drawer)}.z-modal{z-index:300;z-index:var(--z-modal)}.z-popover{z-index:400;z-index:var(--z-popover)}.z-maximum{z-index:999;z-index:var(--z-maximum)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.nav{padding:1rem}.highlights-grid{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr;gap:1.5rem;text-align:center}.about-page h1{font-size:2rem}.about-content{text-align:center}.profile-image{margin:0 auto}.profile-image svg{width:150px;height:150px}.social-links{justify-content:center}.btn{width:100%;max-width:300px}.page{padding:1rem 0}.experience-item,.project-content{padding:1.25rem}.footer-links{flex-direction:column;gap:1rem}.footer-link{width:100%;max-width:200px;justify-content:center}.skills-grid{grid-template-columns:1fr}.skills-categories-grid{grid-template-columns:1fr;gap:1.5rem}.skill-category-card{padding:1.5rem}.setup-grid{grid-template-columns:1fr;gap:1.5rem}.setup-section{padding:1.5rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-method{padding:1rem}.hero-container{gap:2rem;padding:0 1rem}.hero-contact{padding-top:1.5rem}.hero-footer-links{flex-direction:column;gap:1rem;margin:1.5rem 0}.hero-footer-link{width:100%;max-width:300px;justify-content:center;padding:1rem 1.5rem}@media (max-width: 480px){.nav{padding:1rem}.about-layout{gap:1.5rem}.about-page h1{font-size:2rem}.profile-image svg{width:150px;height:150px}.page{padding:1rem 0}.experience-item,.project-content{padding:1.25rem}}@media (min-width: 769px){.nav{padding:0}.highlights-grid{grid-template-columns:repeat(2,1fr)}.about-layout{grid-template-columns:repeat(2,1fr);gap:2rem;text-align:left}.about-page h1{font-size:2.5rem}.about-content{text-align:left}.profile-image{margin:0}.profile-image svg{width:200px;height:200px}.btn{width:auto;max-width:none}.page{padding:2rem 0}.experience-item,.project-content{padding:2rem}.footer-links{flex-direction:row;gap:2rem}.footer-link{width:auto;max-width:none;justify-content:flex-start}.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-categories-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.skill-category-card{padding:2rem}.setup-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.setup-section{padding:2rem}.contact-grid{grid-template-columns:repeat(2,1fr);gap:3rem}.contact-method{padding:1.5rem}.hero-container{gap:3rem;padding:0 2rem}.hero-contact{padding-top:2rem}.hero-footer-links{flex-direction:row;gap:2rem;margin:2rem 0}.hero-footer-link{width:auto;max-width:none;justify-content:flex-start;padding:1rem 2rem}}@media (min-width: 1025px){.highlights-grid,.skills-grid,.skills-categories-grid,.setup-grid,.contact-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1201px){.projects-grid-wrapper{height:auto}.project-title-modern{font-size:1.75rem}}