.app[data-v-49e9cba0]{min-height:100vh}:root{--ios-blue: #007AFF;--ios-purple: #5856D6;--ios-pink: #FF2D55;--ios-orange: #FF9500;--ios-green: #34C759;--ios-teal: #5AC8FA;--ios-indigo: #5856D6;--ios-gray: #8E8E93;--ios-light-gray: #F2F2F7;--ios-dark-gray: #3A3A3C;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .16);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden}body.loading{opacity:0;transition:opacity .5s ease}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.nav-link.active{color:#fff}.nav-link.active:after{width:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.nav-menu{display:flex;gap:var(--spacing-lg)}.nav-link{color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}@media(max-width:768px){.nav-menu{gap:var(--spacing-sm)}.nav-link{font-size:13px}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px var(--spacing-md) var(--spacing-2xl);background:var(--gradient-hero);position:relative;overflow:hidden}.hero-content{max-width:800px;text-align:center;z-index:2}.hero-title{font-size:clamp(48px,8vw,80px);font-weight:700;line-height:1.1;letter-spacing:-2px;margin-bottom:var(--spacing-md)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,3vw,24px);color:#fffc;max-width:600px;margin:0 auto var(--spacing-xl);line-height:1.6}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 4px 16px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.hero-visual{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:var(--gradient-primary);top:10%;left:10%;animation-delay:0s}.shape-2{width:300px;height:300px;background:var(--gradient-secondary);bottom:20%;right:10%;animation-delay:-7s}.shape-3{width:200px;height:200px;background:var(--gradient-tertiary);top:50%;right:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(30px,10px) scale(1.02)}}.projects{padding:var(--spacing-2xl) 0;background:#000}.section-title{font-size:clamp(32px,5vw,48px);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);letter-spacing:-1px}.section-subtitle{font-size:clamp(16px,2vw,20px);color:#fff9;text-align:center;max-width:600px;margin:0 auto var(--spacing-2xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.project-card{background:#1c1c1ecc;border-radius:var(--radius-2xl);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease}.project-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:var(--shadow-xl)}.project-card:hover:before{opacity:1}.project-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.project-icon svg{width:28px;height:28px;color:#fff}.project-title{font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm);letter-spacing:-.5px}.project-description{color:#ffffffb3;font-size:16px;line-height:1.6;margin-bottom:var(--spacing-md)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.tag{background:#ffffff1a;color:#fffc;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.project-link{color:var(--ios-blue);text-decoration:none;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}.project-link:hover{gap:10px}.github-link{background:#1c1c1e99;border-style:dashed}.about{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,#000,#0a0a0a)}.about-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-2xl);align-items:center}.about-lead{font-size:20px;color:#ffffffe6;margin-bottom:var(--spacing-md);line-height:1.7}.about-description{color:#ffffffb3;font-size:16px;line-height:1.7;margin-bottom:var(--spacing-md)}.about-description strong{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-xl) 0}.stat-card{background:#ffffff0d;border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:36px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.stat-label{font-size:14px;color:#fff9}.skills-section{margin-top:var(--spacing-xl)}.skills-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-md)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm)}.skill-item{background:#ffffff14;color:#fffc;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-item:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.profile-card{background:#1c1c1ecc;border-radius:var(--radius-2xl);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.1);text-align:center}.profile-avatar{width:120px;height:120px;margin:0 auto var(--spacing-md)}.profile-avatar svg{width:100%;height:100%}.profile-name{font-size:24px;font-weight:600;margin-bottom:var(--spacing-xs)}.profile-role{color:#fff9;font-size:15px;margin-bottom:var(--spacing-md)}.profile-link-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;padding:12px 24px;border-radius:var(--radius-xl);text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease}.profile-link-btn:hover{background:#ffffff26;transform:translateY(-2px)}.profile-link-btn svg{width:20px;height:20px}.contact{padding:var(--spacing-2xl) 0;background:#000}.contact-content{max-width:800px;margin:0 auto}.contact-text{font-size:18px;color:#fffc;text-align:center;margin-bottom:var(--spacing-2xl);line-height:1.7}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.contact-card{display:flex;align-items:center;gap:var(--spacing-md);background:#1c1c1e99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-card:hover{background:#1c1c1ecc;border-color:#fff3;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px;color:#fff}.contact-details h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.contact-details p{font-size:14px;color:#fff9}.footer{background:#1c1c1ecc;border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.footer-logo{font-size:24px;font-weight:700;letter-spacing:-.5px}.footer-tagline{color:#ffffff80;font-size:14px;margin-top:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.footer-social a:hover{background:var(--gradient-primary);transform:scale(1.1)}.footer-social svg{width:20px;height:20px;fill:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#ffffff80}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-visual{order:-1}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero{padding-top:100px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.stat-card{padding:var(--spacing-md)}.stat-number{font-size:28px}.stat-label{font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-aos=fade-up]{animation:fadeInUp .6s ease forwards;opacity:0}[data-aos=fade-up][data-aos-delay="100"]{animation-delay:.1s}[data-aos=fade-up][data-aos-delay="200"]{animation-delay:.2s}[data-aos=fade-up][data-aos-delay="300"]{animation-delay:.3s}[data-aos=fade-up][data-aos-delay="400"]{animation-delay:.4s}[data-aos=fade-up][data-aos-delay="500"]{animation-delay:.5s}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.reveal.active{opacity:1;transform:translateY(0)}