body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;transition:background-color .3s ease,color .3s ease}body.dark{background-color:#000;color:#f5f5f7}.min-h-screen{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 24px}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f5f5f74d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}body.dark .header{background:#1c1c1e4d}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.header-actions{align-items:center;display:flex;gap:12px}.header-title{color:#1d1d1f;font-size:20px;font-weight:600;transition:color .3s ease}body.dark .header-title{color:#f5f5f7}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border:none;border-radius:9999px;color:#1d1d1f;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:40px;justify-content:space-between;letter-spacing:.04em;min-width:96px;overflow:hidden;padding:4px;position:relative;text-transform:uppercase;transition:background .2s ease,transform .2s ease}.language-toggle:hover{background:#00000014;transform:scale(1.02)}.language-toggle:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.language-toggle .toggle-option{flex:1 1;padding:0 8px;text-align:center;transition:color .2s ease;z-index:1}.language-toggle .toggle-option.active{color:#0a84ff}.language-toggle .toggle-thumb{background:#ffffffe6;border-radius:9999px;box-shadow:0 4px 18px #00000014;height:calc(100% - 8px);left:4px;pointer-events:none;position:absolute;top:4px;transition:transform .2s ease;width:calc(50% - 4px)}.language-toggle .toggle-thumb.toggle-thumb-left{transform:translateX(0)}.language-toggle .toggle-thumb.toggle-thumb-right{transform:translateX(100%)}body.dark .language-toggle{background:#ffffff1a;color:#f5f5f7}body.dark .language-toggle:hover{background:#ffffff24}body.dark .language-toggle .toggle-option.active{color:#61a8ff}body.dark .language-toggle .toggle-thumb{background:#000000a6;box-shadow:0 6px 18px #00000059}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000d;border:none;border-radius:50%;color:#1d1d1f;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}body.dark .theme-toggle{background:#ffffff1a;color:#f5f5f7}.theme-toggle:hover{background:#0000001a;transform:scale(1.05)}body.dark .theme-toggle:hover{background:#ffffff26}.hero{background:#fff;padding:140px 24px 80px;text-align:center;transition:background .3s ease}body.dark .hero{background:#000}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:700;line-height:1.1;margin-bottom:16px}.hero-subtitle{color:#86868b;font-size:24px;font-weight:500;margin-bottom:32px;transition:color .3s ease}body.dark .hero-subtitle{color:#98989d}.hero-description{color:#424245;font-size:20px;line-height:1.6;margin:0 auto;max-width:600px;transition:color .3s ease}body.dark .hero-description{color:#a1a1a6}.section{background:#fff;padding:80px 24px;transition:background-color .3s ease}body.dark .section{background:#000}.section-title{color:#1d1d1f;font-size:48px;font-weight:700;margin-bottom:64px;text-align:center;transition:color .3s ease}body.dark .section-title{color:#f5f5f7}.projects-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.project-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;padding:32px;transition:all .3s ease}body.dark .project-card{background:#1c1c1e;border:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d}.project-card:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-8px)}body.dark .project-card:hover{box-shadow:0 12px 40px #0006}.project-title{color:#1d1d1f;font-size:24px;font-weight:600;margin-bottom:16px;transition:color .3s ease}body.dark .project-title{color:#f5f5f7}.project-description{color:#424245;font-size:16px;line-height:1.6;margin-bottom:24px;transition:color .3s ease}body.dark .project-description{color:#a1a1a6}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tech-tag{background:#007aff;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:6px 12px}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0056cc;transform:translateY(-1px)}.btn-secondary{background:#0000000d;border:1px solid #0000001a;color:#1d1d1f}body.dark .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#f5f5f7}.btn-secondary:hover{background:#0000001a;transform:translateY(-1px)}body.dark .btn-secondary:hover{background:#ffffff26}.skills-container{margin:0 auto;max-width:800px}.skills-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skill-item{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px;text-align:center;transition:all .3s ease}body.dark .skill-item{background:#1c1c1e;border:1px solid #ffffff1a;box-shadow:0 2px 12px #0003}.skill-item:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}body.dark .skill-item:hover{box-shadow:0 8px 24px #0000004d}.skill-name{color:#1d1d1f;font-size:18px;font-weight:600;margin-bottom:8px;transition:color .3s ease}body.dark .skill-name{color:#f5f5f7}.skill-level{color:#86868b;font-size:14px;font-weight:500;transition:color .3s ease}body.dark .skill-level{color:#98989d}.contact-container{margin:0 auto;max-width:600px;text-align:center}.contact-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.contact-btn{align-items:center;border-radius:16px;display:inline-flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;min-width:140px;padding:16px 32px;text-decoration:none;transition:all .2s ease}.contact-btn.github{background:#000;color:#fff}body.dark .contact-btn.github{background:#fff;color:#000}.contact-btn.linkedin{background:#0077b5;color:#fff}.contact-btn.email{background:#0000000d;border:1px solid #0000001a;color:#1d1d1f}body.dark .contact-btn.email{background:#ffffff1a;border:1px solid #fff3;color:#f5f5f7}.contact-btn:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.footer{background:#fff;border-top:1px solid #0000001a;padding:32px 24px;text-align:center;transition:border-color .3s ease}body.dark .footer{background:#000;border-top:1px solid #ffffff1a}.footer-text{color:#86868b;font-size:14px;transition:color .3s ease}body.dark .footer-text{color:#98989d}@media (max-width:768px){.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-description{font-size:18px}.section-title{font-size:36px}.projects-grid{gap:24px;grid-template-columns:1fr}.project-card{padding:24px}.skills-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.contact-buttons{align-items:center;flex-direction:column}.contact-btn{max-width:280px;width:100%}}@media (max-width:480px){.container{padding:0 16px}.hero{padding:120px 16px 60px}.section{padding:60px 16px}.hero-title{font-size:40px}.section-title{font-size:32px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#86868b;border-radius:4px}::-webkit-scrollbar-thumb:hover,body.dark ::-webkit-scrollbar-thumb{background:#424245}body.dark ::-webkit-scrollbar-thumb:hover{background:#86868b}
/*# sourceMappingURL=main.a752f755.css.map*/