body{background:#000;margin:0;min-height:100vh}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navigation{left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.nav-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#000c;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;gap:11px;height:70px;justify-content:space-between;padding:10px 20px;width:456px}.nav-container,.nav-item{align-items:center;display:flex}.nav-item{cursor:pointer;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.nav-item:hover{transform:translateY(-2px)}.nav-icon-container{align-items:center;border-radius:31px;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:50px}.nav-item .nav-icon-container{background-color:#ffffff1a}.nav-item-active .nav-icon-container{background-color:#3b82f633;border:1px solid #3b82f666}.nav-icon{color:#fffc;font-size:20px;transition:all .3s ease}.nav-item .nav-icon{color:#ffffffb3}.nav-item-active .nav-icon{color:#60a5fa}.nav-profile-image{border-radius:31px;height:50px;object-fit:cover;width:50px}.nav-profile-fallback{color:#ffffffb3;font-size:20px}.nav-item:hover .nav-icon-container{background-color:#ffffff26;transform:scale(1.05)}.nav-item:hover .nav-icon{color:#ffffffe6;transform:scale(1.05)}.nav-item-active:hover .nav-icon-container{background-color:#3b82f640}.nav-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #ffffff1a;border-radius:8px;bottom:-40px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;opacity:0;padding:8px 12px;pointer-events:none;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1001}.nav-tooltip,.nav-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.nav-tooltip:before{border-bottom:5px solid #000000f2;border-left:5px solid #0000;border-right:5px solid #0000;content:"";top:-5px}.nav-item:hover .nav-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}@media (max-width:768px){.nav-container{gap:8px;max-width:400px;padding:8px 16px;width:90%}.nav-icon-container,.nav-item{height:45px;width:45px}.nav-icon{font-size:18px}.nav-profile-image{height:45px;width:45px}.nav-tooltip{bottom:-35px;font-size:11px;padding:6px 10px}}@media (max-width:480px){.nav-container{gap:6px;padding:6px 12px}.nav-icon-container,.nav-item{height:40px;width:40px}.nav-icon{font-size:16px}.nav-profile-image{height:40px;width:40px}.nav-tooltip{bottom:-32px;font-size:10px;padding:5px 8px}}.navigation{animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.footer{background:#000;border-top:1px solid #ffffff1a;margin-top:100px;overflow:hidden;padding:80px 20px 40px;position:relative}.footer:before{background-image:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-content{grid-gap:80px;display:grid;gap:80px;grid-template-columns:2fr 1fr 1fr;margin-bottom:60px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-brand-name{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0}.footer-brand-name,.footer-brand-tagline{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.footer-brand-tagline{color:#fff9;font-size:18px;font-weight:400;line-height:1.5;margin:8px 0 0}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-section-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.1em;line-height:1.2;margin:0 0 4px;text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{background:none;border:none;color:#bbb;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.4;overflow:hidden;padding:8px 0;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.footer-link:before{background:linear-gradient(90deg,#fff,#ccc);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.footer-link:hover{color:#fff;transform:translateX(8px)}.footer-link:hover:before{width:100%}.footer-social{display:flex;flex-wrap:wrap;gap:16px}.footer-social-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:16px;cursor:pointer;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.footer-social-item:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.footer-social-item:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff4d;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px) scale(1.05)}.footer-social-item:hover:before{opacity:1}.footer-social-icon{font-size:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.footer-social-item:hover .footer-social-icon{transform:scale(1.2) rotate(-5deg)}.footer-social-tooltip{background:#000000e6;border-radius:6px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;opacity:0;padding:6px 10px;pointer-events:none;top:-40px;transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1001}.footer-social-tooltip,.footer-social-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.footer-social-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000000e6;bottom:-5px;content:""}.footer-social-item:hover .footer-social-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);height:1px;margin-bottom:40px;position:relative;width:100%}.footer-divider:before{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-1px}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-built-with,.footer-copyright{color:#777;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.4;margin:0;transition:color .3s ease}.footer-built-with:hover,.footer-copyright:hover{color:#aaa}.footer-built-with{align-items:center;display:flex;gap:4px}@media (max-width:768px){.footer{margin-top:60px;padding:50px 20px 25px}.footer-content{gap:40px;grid-template-columns:1fr;text-align:center}.footer-brand-name{font-size:24px}.footer-brand-tagline{font-size:15px}.footer-links{align-items:center}.footer-social{justify-content:center}.footer-bottom-content{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.footer{margin-top:50px;padding:40px 15px 20px}.footer-content{gap:35px}.footer-brand-name{font-size:22px}.footer-brand-tagline{font-size:14px}.footer-section-title{font-size:16px}.footer-link{font-size:13px}.footer-social-item{height:40px;width:40px}.footer-social-icon{font-size:16px}.footer-built-with,.footer-copyright{font-size:13px}}.footer{animation:fadeInUp .8s ease-out}.home-page{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.hero-section,.home-page{background:#000;min-height:100vh}.hero-section{align-items:center;display:flex;padding:0 20px}.hero-container{margin:0 auto;max-width:1200px}.hero-content{gap:80px}.hero-text{flex:1 1;max-width:600px}.greeting{color:#ffffffb3;font-size:18px;font-weight:400;line-height:1.4;margin:0 0 16px}.hero-title{align-items:center;color:#fff;display:flex;font-size:64px;font-weight:700;gap:12px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.wave-emoji{font-size:56px}.hero-description{color:#fffc;font-size:20px;font-weight:400;line-height:1.6;margin:0;max-width:500px}.hero-visual{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:24px}.profile-container{height:380px;position:relative;width:380px}.profile-image{box-shadow:0 20px 40px #0000004d}.profile-placeholder{background:linear-gradient(135deg,#1f2937,#374151);border-radius:20px;box-shadow:0 20px 40px #0000004d;height:100%;width:100%}.placeholder-avatar,.profile-placeholder{align-items:center;display:flex;justify-content:center}.placeholder-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;font-size:60px;font-weight:600;height:150px;width:150px}.home-page .floating-skill-tag{animation:homePageFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f633;border:1px solid #3b82f666;border-radius:20px;color:#60a5fa;font-size:14px;font-weight:500;padding:8px 16px;position:absolute}.home-page .floating-skill-tag-1{animation-delay:0s;left:-50px;top:-25px}.home-page .floating-skill-tag-2{animation-delay:.5s;right:-40px;top:25px}.home-page .floating-skill-tag-3{animation-delay:1s;bottom:50px;left:-25px}.home-page .floating-skill-tag-4{animation-delay:1.5s;bottom:25px;right:-15px}@keyframes homePageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.availability-status{align-items:center;color:#ffffffb3;display:flex;font-size:16px;font-weight:400;gap:8px}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.portfolio-showcase{background:#000;padding:120px 20px}.showcase-container{margin:0 auto;max-width:1200px}.showcase-intro{color:#ffffffb3;font-size:16px;font-weight:400;margin:0 0 40px}.project-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.project-card{aspect-ratio:16/10;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.project-card:hover{transform:translateY(-8px)}.project-visual{height:100%;position:relative;width:100%}.project-gradient{border-radius:20px;height:100%;width:100%}.gradient-1{background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#60a5fa)}.gradient-2{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc)}.gradient-3{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399)}.project-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:40px 24px 24px;position:absolute;right:0}.project-overlay h3{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 8px}.project-overlay p{color:#fffc;font-size:16px;line-height:1.4;margin:0}.portfolio-cta{display:flex;justify-content:center;margin-bottom:40px}.explore-more-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:18px;font-weight:500;gap:12px;padding:16px 32px;transition:all .3s ease}.explore-more-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.arrow-right{font-size:20px;transition:transform .3s ease}.explore-more-btn:hover .arrow-right{transform:translateX(4px)}.about-section{background:#000;padding:120px 20px 80px}.about-container{margin:0 auto;max-width:1200px}.about-content{align-items:center;display:flex;gap:80px}.about-visual{display:flex;flex:1 1;justify-content:center}.working-image{background:linear-gradient(135deg,#1f2937,#374151);border-radius:20px;height:300px;overflow:hidden;position:relative;width:400px}.desk-setup{align-items:flex-end;bottom:40px;display:flex;gap:20px;left:50%;position:absolute;transform:translateX(-50%)}.monitor{background:#111827;border-radius:8px;height:120px;position:relative;width:200px}.screen{background:#1f2937;border-radius:4px;bottom:8px;left:8px;position:absolute;right:8px;top:8px}.phone{background:#111827;border-radius:8px;height:100px;width:60px}.about-text{flex:1 1;max-width:500px}.about-title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin:0 0 32px;text-align:right}.about-intro{color:#ffffffe6;font-size:18px;line-height:1.6;margin:0 0 32px}.skills-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0 0 32px;padding:0}.skill-item{align-items:center;color:#ffffffe6;display:flex;font-size:16px;font-weight:400;gap:12px}.check-icon{color:#10b981;font-size:18px;font-weight:600}.about-specialization{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0}.home-footer{background:#000;border-top:1px solid #ffffff1a;margin-top:0;padding:60px 20px}.footer-container{justify-content:space-between;margin:0 auto;max-width:1200px}.cta-button,.footer-container{align-items:center;display:flex}.cta-button{background:#fff;border:none;border-radius:12px;color:#000;font-family:inherit;gap:12px;padding:16px 32px;transition:all .3s ease}.cta-button:hover{background:#ffffffe6}.cta-icon{color:#f59e0b;font-size:16px}.more-about-btn{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:400;gap:8px;transition:color .3s ease}.more-about-btn:hover{color:#3b82f6}.arrow-icon{font-size:14px}@media (max-width:1024px){.about-content,.hero-content{flex-direction:column;gap:60px;text-align:center}.hero-title{font-size:48px;justify-content:center}.about-title{font-size:36px;text-align:center}.project-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{min-height:100vh;padding:0 20px}.about-section,.portfolio-showcase{padding:80px 20px}.hero-title{font-size:36px}.hero-description{font-size:18px}.profile-container{height:300px;width:300px}.project-cards{gap:24px;grid-template-columns:1fr}.about-title{font-size:32px}.working-image{height:225px;width:300px}.footer-container{flex-direction:column;gap:24px}}@media (max-width:480px){.hero-title{font-size:28px}.wave-emoji{font-size:24px}.profile-container{height:250px;width:250px}.home-page .floating-skill-tag{font-size:12px;padding:6px 12px}.about-title{font-size:28px}.working-image{height:188px;width:250px}.monitor{height:90px;width:150px}.phone{height:75px;width:45px}}.hero-container{background:#000;box-sizing:border-box;height:100vh;overflow:hidden;padding:60px 20px 0}.hero-container,.hero-content{align-items:center;display:flex;width:100%}.hero-content{flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1200px;position:relative}.left-column{animation:fadeInUp .8s ease forwards;flex:1 1;max-width:650px;min-width:400px;opacity:0;transform:translateY(30px)}.left-column,.text-content{display:flex;flex-direction:column;gap:24px}.text-content{margin:0;padding:0}.greeting{color:#fff9;font-size:48px;font-weight:300;letter-spacing:-.02em;line-height:1.2}.greeting,.name{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.name{word-wrap:break-word;color:#fff;font-size:84px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.03em;line-height:1.1;max-width:100%;overflow-wrap:break-word;white-space:normal}.description{color:#fffc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.01em;line-height:1.6;max-width:100%}.cta-section{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.cta-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:500;height:56px;min-width:180px;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{background-color:#fff3;border-color:#ffffff4d;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.cta-button-secondary{background-color:initial;border:1px solid #ffffff4d;color:#fff}.cta-button-secondary:hover{background-color:#ffffff1a;border-color:#fff6;color:#fff}.right-column{animation:fadeInUp .8s ease .2s forwards;flex:1 1;min-width:400px;opacity:0}.profile-image-container,.right-column{align-items:center;display:flex;justify-content:center;max-width:600px}.profile-image-container{border-radius:20px;height:700px;overflow:hidden;width:100%}.profile-image{border-radius:20px;height:100%;object-fit:cover;object-position:center;transition:all .3s ease;width:100%}.profile-image:hover{transform:scale(1.02)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#e9ecef,#dee2e6);border:2px dashed #ced4da;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;height:700px;justify-content:center;max-width:600px;transition:all .3s ease;width:100%}.image-placeholder:hover{box-shadow:0 15px 50px #00000026;transform:scale(1.02)}.placeholder-content{color:#6c757d;text-align:center}.placeholder-content p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:500;margin-top:20px}@media (max-width:1200px){.hero-content{flex-direction:column;gap:48px;text-align:center}.left-column{padding-right:0}.left-column,.right-column{max-width:100%;min-width:auto}.right-column{position:relative;right:auto;top:auto;transform:none}.image-placeholder,.profile-image-container{height:600px;max-width:500px}.hero-container{padding:80px 48px 0}}@media (max-width:768px){.hero-container{min-height:100vh;padding:70px 24px 0}.hero-content{gap:40px}.greeting{font-size:48px}.name{font-size:72px}.description{font-size:20px}.cta-button{font-size:16px;min-width:160px;padding:12px 28px}.image-placeholder,.profile-image-container{height:540px;max-width:450px}}@media (max-width:480px){.greeting{font-size:40px}.name{font-size:56px}.description{font-size:18px}.image-placeholder,.profile-image-container{height:420px;max-width:350px}.hero-container{padding:70px 20px 0}.hero-content{gap:32px}}@media (max-width:360px){.greeting{font-size:36px}.name{font-size:48px}.description{font-size:16px}.image-placeholder,.profile-image-container{height:300px;max-width:300px}.hero-container{padding:70px 16px 0}}.profile-page{background:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh}.skill-card{animation:slideInUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;padding:24px;position:relative;transform:translateY(20px);transition:all .3s ease}.skill-card:hover{border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.skill-card.size-small{grid-row:span 1}.skill-card.size-medium{grid-row:span 2}.skill-card.size-large{grid-row:span 3}.skill-card.theme-frontend{border-left:4px solid #61dafb}.skill-card.theme-backend{border-left:4px solid #68d391}.skill-card.theme-design{border-left:4px solid #9f7aea}.skill-card.theme-database{border-left:4px solid #4fd1c7}.skill-card.theme-mobile{border-left:4px solid #f6ad55}.skill-card.theme-cloud{border-left:4px solid #63b3ed}.skill-card.theme-core{border-left:4px solid #fc8181}.skill-card.theme-personal{border-left:4px solid #38b2ac}.skill-card.theme-testing{border-left:4px solid #ed8936}.skill-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.skill-icons{display:flex;flex-wrap:wrap;gap:8px}.skill-icon{align-items:center;background:#ffffff1a;border-radius:6px;color:#fff;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.skill-icon:hover{background:#fff3;transform:scale(1.1)}.skill-title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.skill-description,.skill-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.skill-description{color:#ffffffb3;flex-grow:1;font-size:14px;line-height:1.5;margin:0 0 16px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.skill-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fffc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;padding:4px 12px;transition:all .3s ease}.skill-tag:hover{background:#ffffff26;border-color:#ffffff4d}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skill-card{padding:20px}.skill-card.size-large{grid-row:span 2}.skill-title{font-size:16px}.skill-description{font-size:13px}.skill-icon{font-size:16px;height:28px;width:28px}}@media (max-width:480px){.skill-card{padding:16px}.skill-header{margin-bottom:12px}.skill-title{font-size:15px}.skill-description{font-size:12px;margin-bottom:12px}.skill-tags{gap:6px}.skill-tag{font-size:11px;padding:3px 10px}}.skills-grid-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh;padding:40px 20px;position:relative}.skills-grid-header{margin-bottom:80px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.skills-grid-header h1{color:#fff;font-size:56px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.skills-grid-header h1,.skills-grid-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.skills-grid-header p{color:#ccc;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}.skills-grid{grid-gap:24px;display:grid;gap:24px;grid-auto-rows:minmax(140px,auto);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;padding:0 20px}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skills-grid-container{padding:30px 15px}.skills-grid-header h1{font-size:36px}.skills-grid-header p{font-size:18px}}@media (max-width:620px){.skills-grid{grid-template-columns:1fr;padding:0 10px}.skills-grid-header h1{font-size:28px}.skills-grid-header p{font-size:16px}.skills-grid-container{padding:30px 10px}}.skill-card-item:first-child{animation-delay:.1s}.skill-card-item:nth-child(2){animation-delay:.2s}.skill-card-item:nth-child(3){animation-delay:.3s}.skill-card-item:nth-child(4){animation-delay:.4s}.skill-card-item:nth-child(5){animation-delay:.5s}.skill-card-item:nth-child(6){animation-delay:.6s}.skill-card-item:nth-child(7){animation-delay:.7s}.skill-card-item:nth-child(8){animation-delay:.8s}.skill-card-item:nth-child(9){animation-delay:.9s}.skill-card-item:nth-child(10){animation-delay:1s}.skill-card-item:nth-child(11){animation-delay:1.1s}.skill-card-item:nth-child(12){animation-delay:1.2s}.skill-card-item:nth-child(13){animation-delay:1.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-card-item{animation:fadeInUp .6s ease-out both}.skills-grid-container:before{background-image:radial-gradient(circle at 20% 80%,#7877c614 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff08 0,#0000 50%),radial-gradient(circle at 40% 40%,#7877c608 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.skills-grid:hover .skill-card-item:not(:hover){opacity:.7;transform:scale(.98)}.skills-grid .skill-card-item:hover{opacity:1;transform:translateY(-12px) scale(1.02)}.skills-page{background:#000;min-height:100vh}.skills-page-content{padding-top:80px}.skills-page-header{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px 20px 40px;text-align:center}.skills-page-title{color:#fff;font-size:56px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.skills-page-subtitle,.skills-page-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.skills-page-subtitle{color:#fffc;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}@media (max-width:768px){.skills-page-header{padding:20px 20px 30px}.back-button{margin-bottom:30px}.skills-page-title{font-size:36px}.skills-page-subtitle{font-size:18px}}@media (max-width:480px){.skills-page-title{font-size:28px}.skills-page-subtitle{font-size:16px}.back-button{font-size:13px;padding:10px 20px}}.horizontal-skills-section{margin-bottom:40px;padding:60px 20px}.horizontal-skills-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:1400px;padding:0 20px}.horizontal-skills-title{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0}.horizontal-skills-navigation{display:flex;gap:12px}.skills-nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;transition:all .3s ease;width:48px}.skills-nav-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.horizontal-skills-container{margin:0 auto;max-width:1400px;overflow:hidden;position:relative}.horizontal-skills-scroll{-ms-overflow-style:none;display:flex;gap:24px;overflow-x:auto;padding:20px;scroll-behavior:smooth;scrollbar-width:none}.horizontal-skills-scroll::-webkit-scrollbar{display:none}.horizontal-skill-item{flex:0 0 300px;min-height:200px}.horizontal-skill-item .skill-card{height:100%;min-height:200px;width:100%}@media (max-width:768px){.horizontal-skills-header{flex-direction:column;gap:20px;text-align:center}.horizontal-skills-title{font-size:24px}.horizontal-skill-item{flex:0 0 280px}.horizontal-skills-scroll{gap:16px;padding:10px}}@media (max-width:480px){.horizontal-skills-section{padding:40px 10px}.horizontal-skill-item{flex:0 0 260px}.horizontal-skills-title{font-size:20px}}.career-section{margin:0 auto;max-width:1200px;padding:60px 20px}.career-header{margin-bottom:40px}.career-title{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0}.career-content{grid-gap:60px;align-items:flex-start;display:grid;gap:60px;grid-template-columns:300px 1fr}.resume-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:100px;transition:all .3s ease}.resume-card:hover{border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.resume-card-header{align-items:flex-start;display:flex;gap:16px}.resume-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.resume-info{flex:1 1}.resume-title{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.2;margin:0 0 8px}.resume-description{color:#ffffffb3;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0}.career-timeline{display:flex;flex-direction:column;gap:24px}.career-item{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.career-item:hover{border-color:#fff3}.career-item-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.career-item-header:hover{background:#ffffff0d}.career-item-main{align-items:flex-start;display:flex;flex:1 1;gap:16px}.career-company-logo{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.career-item-info{flex:1 1}.career-company{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.career-company,.career-position{font-family:Inter,sans-serif;line-height:1.2}.career-position{color:#fffc;font-size:14px;font-weight:500;margin:0 0 8px}.career-description{color:#ffffffb3;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0}.career-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.career-period{color:#fff9;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.2;text-align:right}.career-item-details{animation:expandDown .3s ease;border-top:1px solid #ffffff1a}.career-details-content{padding:24px}.career-details-content h4{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 12px}.career-responsibilities{list-style:none;margin:0 0 24px;padding:0}.career-responsibilities li{color:#fffc;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.career-responsibilities li:before{color:#ffffff80;content:"•";left:0;position:absolute}.career-skills{margin-top:24px}.career-skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.career-skill-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fffc;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}@media (max-width:968px){.career-content{gap:40px;grid-template-columns:1fr}.resume-card{position:static}}@media (max-width:768px){.career-section{padding:40px 15px}.career-title{font-size:24px}.career-item-header{flex-direction:column;gap:16px}.career-item-meta{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.career-period{text-align:left}}@media (max-width:480px){.career-item-main{flex-direction:column;text-align:center}.career-company-logo{align-self:center}}.education-section{margin:0 auto;max-width:1200px;padding:60px 20px}.education-header{margin-bottom:40px}.education-title{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0}.education-timeline{display:flex;flex-direction:column;gap:24px}.education-item{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.education-item:hover{border-color:#fff3}.education-item-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.education-item-header:hover{background:#ffffff0d}.education-item-main{align-items:flex-start;display:flex;flex:1 1;gap:16px}.education-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.education-item-info{flex:1 1}.education-degree{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.education-degree,.education-school{font-family:Inter,sans-serif;line-height:1.2}.education-school{color:#fffc;font-size:14px;font-weight:500;margin:0 0 8px}.education-description{color:#ffffffb3;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0}.education-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.education-period{color:#fff9;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.2;text-align:right}.expand-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.expand-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.education-item-details{animation:expandDown .3s ease;border-top:1px solid #ffffff1a}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.education-details-content{padding:24px}.education-details-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.education-details-left h4,.education-details-right h4{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 12px}.education-highlights{list-style:none;margin:0;padding:0}.education-highlights li{color:#fffc;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.education-highlights li:before{color:#ffffff80;content:"•";left:0;position:absolute}.education-gpa{margin-bottom:24px}.gpa-value{color:#fff;display:block;font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin-top:8px}.education-courses-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.education-course-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fffc;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}@media (max-width:768px){.education-section{padding:40px 15px}.education-title{font-size:24px}.education-item-header{flex-direction:column;gap:16px}.education-item-meta{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.education-period{text-align:left}.education-details-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:480px){.education-item-main{flex-direction:column;text-align:center}.education-icon{align-self:center}.gpa-value{font-size:20px}}.resume-page{background:#000;color:#fff;min-height:100vh;padding-bottom:80px}.resume-page-content{padding-top:80px}.resume-page-header{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px 20px 40px;text-align:center}.resume-page-title{color:#fff;font-size:56px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.resume-page-subtitle,.resume-page-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.resume-page-subtitle{color:#fffc;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}@media (max-width:768px){.resume-page-header{padding:20px 20px 30px}.back-button{margin-bottom:30px}.resume-page-title{font-size:36px}.resume-page-subtitle{font-size:16px}}@media (max-width:480px){.resume-page-title{font-size:28px}}.portfolio-grid-container{margin:0 auto;max-width:1200px;padding:0 20px}.portfolio-filters{align-items:center;display:flex;flex-direction:column;gap:24px;margin-bottom:60px}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fffc;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-button:hover{background:#fff3;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.filter-button.active{background:#fff3;border-color:#fff6;box-shadow:0 4px 16px #ffffff1a;color:#fff}.filter-info{text-align:center}.project-count{color:#fff9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em}.portfolio-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));margin-bottom:80px}.portfolio-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;gap:32px;min-height:280px;overflow:hidden;padding:32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover{border-color:#fff3;box-shadow:0 20px 60px #0000004d;transform:translateY(-8px)}.portfolio-card:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.portfolio-card:hover:before{opacity:1}.content-section{flex:1 1;justify-content:space-between;min-width:240px;position:relative;z-index:2}.content-section,.content-top{display:flex;flex-direction:column}.content-top{gap:16px}.portfolio-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.portfolio-year{color:#fff9;margin:0}.portfolio-description,.portfolio-year{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400}.portfolio-description{color:#fffc;line-height:1.6;margin:0 0 8px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.portfolio-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.portfolio-tag:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.action-section{align-items:center;cursor:pointer;display:flex;gap:8px;margin-top:16px;padding:8px 0;transition:all .2s ease}.action-section:hover{opacity:.8;transform:translateX(4px)}.enter-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.enter-icon svg{stroke:#fffc;stroke-width:2;height:16px;width:16px}.view-project{color:#fffc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;text-decoration:none}.image-section{border-radius:12px;flex:1 1;height:192px;min-width:240px;overflow:hidden;position:relative}.project-image{height:100%;width:100%}.portfolio-card-mockup,.project-image{align-items:center;display:flex;justify-content:center;position:relative}.portfolio-card-mockup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;height:80px;width:120px}.mockup-screen{align-items:center;background:#ffffffe6;border-radius:4px;display:flex;height:60px;justify-content:center;position:relative;width:100px}.mockup-content{display:flex;flex-direction:column;gap:4px;height:100%;padding:8px;width:100%}.mockup-header{display:flex;justify-content:center;margin-bottom:4px}.mockup-dots{display:flex;gap:4px}.mockup-dots span{background:#0000004d;border-radius:50%;height:6px;width:6px}.mockup-body{display:flex;flex-direction:column;gap:2px}.mockup-text-line{background:#0003;border-radius:2px;height:4px;width:100%}.mockup-text-line.short{width:60%}.no-results{color:#fff9;padding:80px 20px;text-align:center}.no-results h3{color:#fffc;font-size:24px;font-weight:500;margin:0 0 16px}.no-results h3,.no-results p{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.no-results p{color:#fff9;font-size:16px;font-weight:400;line-height:1.5;margin:0}@media (max-width:768px){.portfolio-grid{gap:24px;grid-template-columns:1fr}.portfolio-card{flex-direction:column;gap:24px;min-height:auto;padding:24px}.image-section{height:200px;min-width:0;min-width:auto}.portfolio-title{font-size:28px}.content-section{min-width:0;min-width:auto}.filter-buttons{gap:8px}.filter-button{font-size:13px;min-width:100px;padding:10px 20px}.portfolio-tags{gap:6px}.portfolio-tag{font-size:11px;padding:3px 10px}}@media (max-width:480px){.portfolio-grid-container{padding:0 16px}.portfolio-card{padding:20px}.portfolio-title{font-size:24px}.filter-buttons{align-items:center;flex-direction:column;gap:8px}.filter-button{max-width:200px;width:100%}}.portfolio-page{background:#000;color:#fff;min-height:100vh;padding-bottom:80px}.portfolio-page-content{padding-top:80px}.portfolio-page-header{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px 20px 40px;text-align:center}.portfolio-page-title{color:#fff;font-size:56px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.portfolio-page-subtitle,.portfolio-page-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.portfolio-page-subtitle{color:#fffc;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}@media (max-width:768px){.portfolio-page-header{padding:20px 20px 30px}.back-button{margin-bottom:30px}.portfolio-page-title{font-size:36px}.portfolio-page-subtitle{font-size:16px}}@media (max-width:480px){.portfolio-page-title{font-size:28px}}.portfolio-detail-page{background:#000;color:#fff;min-height:100vh;padding-bottom:80px}.portfolio-detail-content{padding-top:80px}.back-button{display:inline-flex;margin:20px 20px 40px}.project-header{margin:0 auto;max-width:1400px;padding:0 20px}.project-hero{border-radius:16px;margin-bottom:60px;overflow:hidden;padding:60px 40px;position:relative}.project-hero:before{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.project-hero-content{max-width:800px;position:relative;z-index:1}.project-meta{display:flex;gap:16px;margin-bottom:24px}.project-category,.project-period{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:6px 16px}.project-title{color:#fff;font-family:Inter,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.project-subtitle{color:#ffffffe6;font-family:Inter,sans-serif;font-size:24px;font-weight:500;line-height:1.3;margin:0 0 20px}.project-description{color:#fffc;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6;margin:0 0 32px}.project-links{display:flex;flex-wrap:wrap;gap:16px}.project-link{align-items:center;border-radius:8px;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.project-link.primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;color:#fff}.project-link.primary:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-2px)}.project-link.secondary{background:#0000;border:1px solid #ffffff4d;color:#fffc}.project-link.secondary:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.project-details{margin:0 auto;max-width:1200px;padding:0 20px}.section-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px}.project-overview{margin-bottom:80px}.overview-description{color:#fffc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.6;margin:0}.project-info-section{margin-bottom:80px}.project-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.project-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s ease}.project-info-card:hover{border-color:#fff3;transform:translateY(-2px)}.project-info-card h3{color:#fff9;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}.project-info-card p{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.4;margin:0}.project-sections{margin-bottom:60px}.project-section{margin-bottom:40px}.project-section h2{color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0 0 20px}.project-section p{color:#fffc;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;margin:0;max-width:800px}.project-tech-features{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:60px}.project-features h2,.project-technologies h2{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1.2;margin:0 0 24px}.tech-tags{display:flex;flex-wrap:wrap;gap:12px}.tech-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.features-list{list-style:none;margin:0;padding:0}.features-list li{color:#fffc;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:12px;padding-left:24px;position:relative}.features-list li:before{color:#4ade80;content:"✓";font-weight:600;left:0;position:absolute}.project-process{margin-bottom:80px}.process-steps{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.process-step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s ease}.process-step:hover{border-color:#fff3;transform:translateY(-4px)}.process-step h3{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 16px}.process-step h3,.process-step p{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.process-step p{color:#ffffffb3;font-size:16px;font-weight:400;line-height:1.6;margin:0}.project-images{margin-bottom:60px}.project-images h2{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:32px;font-weight:600;line-height:1.2;margin:0 0 32px}.images-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-image{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.project-image:hover{border-color:#fff3;transform:translateY(-4px)}.project-image img{display:block;height:auto;width:100%}.project-not-found{padding:100px 20px;text-align:center}.project-not-found h1{color:#fff;font-family:Inter,sans-serif;font-size:48px;font-weight:600;margin:0 0 32px}.back-to-portfolio-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:16px 32px;transition:all .3s ease}.back-to-portfolio-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:968px){.project-tech-features{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.project-hero{margin-bottom:40px;padding:40px 24px}.project-title{font-size:36px}.project-subtitle{font-size:20px}.project-description{font-size:16px}.project-meta{flex-direction:column;gap:8px}.project-category,.project-period{align-self:flex-start}.images-grid,.project-info-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.project-title{font-size:28px}.project-subtitle{font-size:18px}.project-hero{padding:32px 20px}.project-links{flex-direction:column}.project-link{justify-content:center;text-align:center}}.contact-page{background:#000;color:#fff;min-height:100vh;padding-bottom:80px}.contact-page-content{padding-top:80px}.contact-page-header{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px 20px 40px;text-align:center}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:500;gap:8px;margin-bottom:40px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.contact-page-title{color:#fff;font-size:56px;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.contact-page-subtitle,.contact-page-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.contact-page-subtitle{color:#fffc;font-size:18px;line-height:1.5;margin:0 auto;max-width:600px}.contact-content{grid-gap:80px;align-items:flex-start;display:grid;gap:80px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.contact-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;padding:40px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#fff6;outline:none}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:16px 32px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-status{border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;margin-top:8px;padding:12px 16px}.submit-status.success{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.submit-status.error{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.contact-info,.contact-info-section{display:flex;flex-direction:column}.contact-info{gap:40px}.contact-info h3{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;height:48px;justify-content:center;text-decoration:none;transition:all .3s ease;width:48px}.social-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.social-icon{color:#fff;font-size:20px}.contact-email,.contact-phone{color:#ccc;font-family:Inter,sans-serif;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease}.contact-email:hover,.contact-phone:hover{color:#fff}.contact-address{color:#ccc;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}@media (max-width:1024px){.contact-content{gap:60px;grid-template-columns:1fr}.contact-form-section{padding:32px}}@media (max-width:768px){.contact-page-header{padding:20px 20px 30px}.back-button{margin-bottom:30px}.contact-page-title{font-size:36px}.contact-page-subtitle{font-size:16px}.contact-content{gap:40px;padding:0 15px}.contact-form-section{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.contact-info{gap:32px}}@media (max-width:480px){.contact-page-title{font-size:28px}.contact-form-section{padding:20px}.contact-form{gap:20px}.submit-button{font-size:14px;padding:14px 24px}}.analytics-container{bottom:20px;position:fixed;right:20px;z-index:1000}.analytics-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 16px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.analytics-icon:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 24px #0006;transform:scale(1.05)}.analytics-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytics-content{animation:slideUp .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.analytics-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 16px}.analytics-header h3{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.2;margin:0}.analytics-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.analytics-close:hover{background:#ffffff1a;color:#fff}.analytics-stats{max-height:600px;overflow-y:auto;padding:24px}.stats-section{margin-bottom:32px}.stats-section:last-child{margin-bottom:0}.stats-section h4{color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 16px;padding-bottom:8px}.stat-item,.stats-section h4{border-bottom:1px solid #ffffff1a}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#ffffffb3;font-size:14px;font-weight:400}.stat-label,.stat-value{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4}.stat-value{color:#fff;font-size:16px;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.analytics-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px;text-align:center}.analytics-footer p{color:#ffffff80;font-weight:400;line-height:1.4;margin:0}.analytics-footer p,.clear-analytics-btn{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px}.clear-analytics-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b3033;border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-analytics-btn:hover{background:#ff3b304d;border-color:#ff3b3066;transform:translateY(-1px)}.funnel-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;padding:12px}.funnel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.funnel-page{color:#fff;font-size:14px;font-weight:500}.funnel-page,.funnel-views{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.funnel-views{color:#ffffffb3;font-size:12px;font-weight:400}.funnel-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.funnel-progress{background:linear-gradient(90deg,#007aff,#5856d6);border-radius:3px;height:100%;transition:width .3s ease}.funnel-time{color:#fff9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:400}.journey-container{display:flex;flex-direction:column;gap:8px}.journey-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;gap:12px;padding:8px 12px}.journey-number,.journey-step{align-items:center;display:flex}.journey-number{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:50%;color:#fff;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.journey-number,.journey-page{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.journey-page{color:#fffc;font-size:13px;font-weight:400}.analytics-stats::-webkit-scrollbar{width:6px}.analytics-stats::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.analytics-stats::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.analytics-stats::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:480px){.analytics-container{bottom:16px;right:16px}.analytics-icon{font-size:18px;height:44px;width:44px}.analytics-content{max-height:95vh;max-width:none;width:95%}.analytics-footer,.analytics-header,.analytics-stats{padding:20px}.stat-value{font-size:14px;max-width:120px}.stats-section h4{font-size:15px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.5;overflow-x:hidden}.App{background:#000;min-height:100vh;text-align:left}button{border:none;cursor:pointer;outline:none}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d44ac263.css.map*/