@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&display=swap);:root{--primary-purple:#8b5cf6;--primary-blue:#3b82f6;--primary-cyan:#06b6d4;--primary-pink:#ec4899;--secondary-green:#10b981;--secondary-orange:#f59e0b;--secondary-red:#ef4444;--dark-bg:#0f0f23;--darker-bg:#050505;--card-bg:#1a1a2e;--card-hover:#16213e;--text-primary:#fff;--text-secondary:#a1a1aa;--text-accent:#e4e4e7;--gradient-primary:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-blue) 50%,var(--primary-cyan) 100%);--gradient-secondary:linear-gradient(135deg,var(--primary-pink) 0%,var(--secondary-orange) 100%);--gradient-gaming:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);--gradient-productivity:linear-gradient(135deg,var(--secondary-green) 0%,var(--primary-blue) 100%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glow:0 0 20px rgba(139,92,246,.3);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-heading:"Poppins",var(--font-primary);--font-mono:"Fira Code","Monaco","Cascadia Code","Roboto Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f23;background:var(--dark-bg);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505;background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6 50%,#06b6d4);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#8b5cf6;background:var(--primary-purple)}::selection{background:#8b5cf6;background:var(--primary-purple);color:#fff;color:var(--text-primary)}code{background:#1a1a2e;background:var(--card-bg);border-radius:.375rem;border-radius:var(--radius-sm);font-family:Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-family:var(--font-mono);font-size:.875em;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.app{background:var(--dark-bg);min-height:100vh;overflow-x:hidden;position:relative}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,35,.95);border-bottom:1px solid rgba(139,92,246,.2);left:0;position:fixed;right:0;top:0;transition:var(--transition-normal);z-index:1000}.navbar.scrolled{background:rgba(15,15,35,.98);box-shadow:var(--shadow-lg)}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-md) var(--space-lg)}.nav-logo{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-decoration:none;transition:var(--transition-fast)}.nav-logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.nav-links{display:flex;gap:var(--space-xl);list-style:none}.nav-link{color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link:after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:var(--transition-fast);width:0}.nav-link:hover:after{width:100%}.mobile-menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;background:var(--dark-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.hero:before{background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.hero-content{max-width:800px;padding:var(--space-lg);position:relative;z-index:2}.hero-title{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-lg)}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.2rem,4vw,1.8rem);font-weight:400;margin-bottom:var(--space-xl)}.hero-description{color:var(--text-accent);font-size:1.1rem;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:1rem;font-weight:600;gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transition:var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:var(--text-primary)}.btn-primary:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid var(--primary-purple);color:var(--text-primary)}.btn-secondary:hover{background:var(--primary-purple);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.section{margin:0 auto;max-width:1200px;padding:var(--space-3xl) var(--space-lg)}.section-title{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--space-xl);text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.about-content{grid-gap:var(--space-2xl);align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.about-text{color:var(--text-accent);font-size:1.1rem;line-height:1.8}.about-features{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--space-2xl)}.feature-card{background:var(--card-bg);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:var(--transition-normal)}.feature-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.feature-card:hover{background:var(--card-hover);box-shadow:var(--shadow-xl);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.feature-icon{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:var(--space-md)}.feature-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-description{color:var(--text-secondary);line-height:1.6}.portfolio-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:var(--space-2xl)}.portfolio-card{background:var(--card-bg);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:var(--transition-normal)}.portfolio-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.portfolio-image{align-items:center;background:var(--gradient-gaming);color:var(--text-primary);display:flex;font-size:3rem;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.portfolio-image.productivity{background:var(--gradient-productivity)}.portfolio-content{padding:var(--space-xl)}.portfolio-category{background:var(--primary-purple);border-radius:var(--radius-full);color:var(--text-primary);display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.portfolio-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.portfolio-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.portfolio-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tech-tag{background:rgba(139,92,246,.2);border-radius:var(--radius-sm);color:var(--primary-purple);font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.contact{background:var(--card-bg);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl);margin:var(--space-2xl);overflow:hidden;position:relative}.contact:before{background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:1}.contact-content{grid-gap:var(--space-2xl);align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:2}.contact-info{text-align:center}.contact-title{color:var(--text-primary);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:var(--space-md)}.contact-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:var(--space-xl)}.social-media-icons{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.social-icon{border-radius:var(--radius-lg)!important;transition:var(--transition-normal)}.social-icon:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}.footer{background:var(--darker-bg);border-top:1px solid rgba(139,92,246,.2);padding:var(--space-xl) var(--space-lg);text-align:center}.footer-text{color:var(--text-secondary);font-size:.9rem}.footer-link{color:var(--primary-purple);text-decoration:none;transition:var(--transition-fast)}.footer-link:hover{color:var(--primary-blue);text-decoration:underline}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.animate-fade-in-up{-webkit-animation:fadeInUp .6s ease-out;animation:fadeInUp .6s ease-out}.animate-fade-in-left{-webkit-animation:fadeInLeft .6s ease-out;animation:fadeInLeft .6s ease-out}.animate-fade-in-right{-webkit-animation:fadeInRight .6s ease-out;animation:fadeInRight .6s ease-out}.animate-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.mobile-nav-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,35,.98);bottom:0;display:flex;flex-direction:column;gap:var(--space-xl);justify-content:center;left:0;position:fixed;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:var(--transition-normal);z-index:999}.mobile-nav-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-nav-link{color:var(--text-primary);font-size:1.5rem;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.mobile-nav-link:hover{color:var(--primary-purple);-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:1024px){.about-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:block;z-index:1001}.hero{padding-top:80px}.hero-title{font-size:clamp(2rem,10vw,3.5rem)}.hero-subtitle{font-size:clamp(1rem,5vw,1.4rem)}.hero-buttons{align-items:center;flex-direction:column;gap:var(--space-md)}.btn{justify-content:center;max-width:280px;width:100%}.section{padding:var(--space-2xl) var(--space-md)}.section-title{font-size:clamp(1.8rem,8vw,2.5rem)}.about-content{grid-template-columns:1fr;text-align:center}.about-features{gap:var(--space-md);grid-template-columns:1fr}.feature-card{padding:var(--space-lg)}.portfolio-grid{gap:var(--space-lg);grid-template-columns:1fr}.portfolio-card{margin:0 auto;max-width:400px}.contact{margin:var(--space-lg)}.contact-content{grid-template-columns:1fr;text-align:center}.social-media-icons{gap:var(--space-md);justify-content:center}}@media (max-width:480px){.nav-container{padding:var(--space-sm) var(--space-md)}.hero-content{padding:var(--space-md)}.section{padding:var(--space-xl) var(--space-sm)}.feature-card,.portfolio-card{margin:0 var(--space-sm)}}.policy-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,35,.95);border-bottom:1px solid rgba(139,92,246,.2);left:0;padding:var(--space-md) 0;position:fixed;right:0;top:0;z-index:1000}.back-button{align-items:center;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:var(--transition-fast)}.back-button:hover{background:rgba(139,92,246,.1);color:var(--text-primary);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.policy-logo{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0}.policy-content{min-height:100vh;padding-top:100px}.policy-title{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:var(--space-md);text-align:center}.policy-date{color:var(--text-secondary);font-size:1.1rem;text-align:center}.policy-date,.policy-section{margin-bottom:var(--space-3xl)}.policy-section{margin-left:auto;margin-right:auto;max-width:800px}.policy-section h2{border-bottom:2px solid var(--primary-purple);color:var(--text-primary);font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.policy-section p{font-size:1.1rem}.policy-section p,.policy-section ul{color:var(--text-accent);line-height:1.8;margin-bottom:var(--space-lg)}.policy-section ul{padding-left:var(--space-xl)}.policy-section li{font-size:1.05rem;margin-bottom:var(--space-sm)}.contact-info{background:var(--card-bg);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-xl)}.contact-info p{margin-bottom:var(--space-sm)}.contact-info a{color:var(--primary-purple);text-decoration:none;transition:var(--transition-fast)}.contact-info a:hover{color:var(--primary-blue);text-decoration:underline}@media (max-width:768px){.policy-header .nav-container{flex-direction:column;gap:var(--space-md);text-align:center}.policy-content{padding-top:140px}.policy-section{padding:0 var(--space-md)}.policy-title{font-size:clamp(2rem,8vw,3rem)}}
/*# sourceMappingURL=main.922e6630.css.map*/