:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;margin:0 auto}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit}a:hover{color:var(--accent-secondary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all .3s ease}.navbar.home-section{background:#fffffff2;border-bottom:1px solid rgba(255,255,255,.3)}.navbar.home-section .nav-logo{color:var(--accent-primary)}.navbar.home-section .nav-item{color:#333}.navbar.home-section .nav-item:hover,.navbar.home-section .nav-item.active{color:var(--accent-primary);background:#7843e91a}.navbar.home-section .theme-toggle{color:#333}.navbar.home-section .theme-toggle:hover{color:var(--accent-primary);background:#7843e91a}.navbar.home-section .hamburger span{background:#333}.dark .navbar.home-section{background:#1a1a1af2;border-bottom:1px solid rgba(255,255,255,.1)}.dark .navbar.home-section .nav-logo{color:var(--accent-primary)}.dark .navbar.home-section .nav-item{color:#fff}.dark .navbar.home-section .nav-item:hover,.dark .navbar.home-section .nav-item.active{color:var(--accent-primary);background:#9c27b01a}.dark .navbar.home-section .theme-toggle{color:#fff}.dark .navbar.home-section .theme-toggle:hover{color:var(--accent-primary);background:#9c27b01a}.dark .navbar.home-section .hamburger span{background:#fff}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:flex-end;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--accent-primary);text-decoration:none}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-item{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-item:hover,.nav-item.active{color:var(--accent-primary);background:#7843e91a}.nav-item.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent-primary);border-radius:1px}.theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--accent-primary);background:#7843e91a}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.nav-menu{position:fixed;top:100%;left:0;right:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.navbar.home-section .nav-menu{background:#fffffff2}.dark .navbar.home-section .nav-menu{background:#1a1a1af2}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.hamburger{display:flex}.nav-item{width:100%;text-align:center;padding:1rem}.theme-toggle{width:100%;justify-content:center;padding:1rem}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(120,67,233,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(156,39,176,.12) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(102,126,234,.1) 0%,transparent 40%),radial-gradient(circle at 60% 20%,rgba(255,255,255,.08) 0%,transparent 30%);z-index:0;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.7}}.home:after{content:"";position:absolute;inset:0;background:#ffffff05;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:0}.home-container{width:100%;height:100vh;padding:0 4rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:1;background:#ffffff14;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 80px #0000001f,inset 0 1px #fff3}.home-content{color:#fff}.greeting{font-size:1.2rem;margin-bottom:1rem;opacity:.9;animation:fadeInUp .8s ease-out}.name{font-size:5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#f0f0f0,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(30px);transition:all .8s ease-out;text-shadow:0 0 30px rgba(255,255,255,.3)}.name.animate-in{opacity:1;transform:translateY(0)}.tagline{font-size:3rem;font-weight:600;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out .2s;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline.animate-in{opacity:1;transform:translateY(0)}.description{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;opacity:.95;max-width:600px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.home-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--card-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.btn-secondary{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#fff;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.home-visual{display:flex;justify-content:center;align-items:center;position:relative}.home-visual:before{content:"";position:absolute;top:-80px;right:-50px;width:150px;height:150px;background:#7843e91a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:floatOrb1 10s ease-in-out infinite;z-index:-1}.home-visual:after{content:"";position:absolute;bottom:-60px;left:-70px;width:120px;height:120px;background:#9c27b014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:floatOrb2 8s ease-in-out infinite reverse;z-index:-1}@keyframes floatOrb1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(15px)}}@keyframes floatOrb2{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(20px) translate(-10px)}}.floating-card{background:#ffffff1f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem;border-radius:30px;border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 70px #00000026,inset 0 1px #fff6,inset 0 -1px #ffffff1a;animation:float 8s ease-in-out infinite;position:relative;overflow:hidden;transform-style:preserve-3d}.floating-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 40px 90px #0003,inset 0 1px #ffffff80;transition:all .4s ease}.floating-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.floating-card:after{content:"";position:absolute;top:0;left:0;width:1px;bottom:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.card-content{text-align:center}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.tech-stack span{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;overflow:hidden}.tech-stack span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tech-stack span:hover:before{left:100%}.tech-stack span:hover{background:#ffffff4d;transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:1rem;box-shadow:0 8px 25px #0000001a}.scroll-arrow{width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-top:none;border-left:none;transform:rotate(45deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(1deg)}66%{transform:translateY(-25px) rotate(-1deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media (max-width: 768px){.home-container{grid-template-columns:1fr;text-align:center;gap:2rem}.name{font-size:2.5rem}.tagline{font-size:1.8rem}.home-buttons{justify-content:center}.floating-card{margin-top:2rem}}.home-container:before{content:"";position:absolute;top:10%;left:5%;width:80px;height:80px;background:#667eea1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:floatOrb3 12s ease-in-out infinite;z-index:-1}.home-container:after{content:"";position:absolute;bottom:15%;right:8%;width:60px;height:60px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:floatOrb4 9s ease-in-out infinite;z-index:-1}@keyframes floatOrb3{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}33%{transform:translateY(-25px) translate(15px) scale(1.1);opacity:.8}66%{transform:translateY(10px) translate(-10px) scale(.9);opacity:.4}}@keyframes floatOrb4{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.5}50%{transform:translateY(20px) translate(25px) rotate(180deg);opacity:.8}}.card-content{text-align:center;position:relative}.card-content:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,#7843e91a,#9c27b01a,#667eea1a);border-radius:35px;z-index:-1;opacity:0;transition:opacity .3s ease}.floating-card:hover .card-content:before{opacity:1}.about{padding:6rem 0;background:var(--bg-secondary);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.about-content{display:flex;flex-direction:column;gap:4rem;align-items:center}.about-text{max-width:800px;text-align:center}.about-text h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.about-description p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem}.about-text .btn-primary{margin-top:2rem;padding:1rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--card-shadow)}.about-text .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.skills-section{width:100%;opacity:1;transform:translateY(0);transition:all .8s ease-out;margin-top:4rem;display:block;position:relative;z-index:1}.skills-section.animate-in{opacity:1;transform:translateY(0)}.skills-section h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}.skills-scroll-container{width:100vw;max-width:100vw;overflow:hidden;position:relative;padding:2rem 0;min-height:150px;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.skills-scroll{display:flex;align-items:center;gap:1rem;animation:scroll 40s linear infinite;width:max-content;padding:0 2rem;border:0px}.skills-scroll:hover{animation-play-state:paused}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:120px;height:120px;padding:1.5rem;border-radius:15px;transition:all .3s ease;background:var(--bg-secondary);flex-shrink:0;justify-content:center}.skill-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px var(--shadow-color);background:var(--card-bg)}.skill-logo{width:100px;object-fit:contain;transition:transform .3s ease;flex-shrink:0}.skill-item:hover .skill-logo{transform:scale(1.15)}.skill-name{font-weight:600;color:var(--text-primary);font-size:.8rem;text-align:center;line-height:1.2;opacity:0}.skill-item:hover .skill-name{opacity:1}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.about-content{gap:3rem}.section-header h2{font-size:2rem}.about-text h3,.skills-section h3{font-size:1.5rem}.skills-scroll-container{padding:1.5rem 0;min-height:120px}.skills-scroll{gap:2rem;animation-duration:30s;padding:0 1.5rem}.skill-item{min-width:100px;height:100px;padding:1rem}.skill-logo{width:50px;height:50px}.skill-name{font-size:.7rem}}.experience{padding:6rem 0;background:var(--bg-primary);min-height:100vh;display:flex;align-items:center}.experience-container{max-width:1200px;margin:0 auto;padding:0 2rem}.timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gradient-primary);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.timeline-item.animate-in{opacity:1;transform:translateY(0)}.timeline-item.left{padding-right:50%}.timeline-item.right{padding-left:50%}.timeline-content{background:var(--card-bg);padding:2rem;border-radius:15px;box-shadow:0 10px 30px var(--shadow-color);position:relative;border:1px solid var(--border-color);transition:all .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 20px 40px var(--shadow-color)}.timeline-item.left .timeline-content{margin-right:2rem}.timeline-item.right .timeline-content{margin-left:2rem}.timeline-header h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.timeline-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.company{font-weight:500;color:var(--accent-primary);font-size:.95rem}.period{font-size:.85rem;color:var(--text-secondary);font-weight:400}.timeline-description{list-style:none;padding:0}.timeline-description li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--text-secondary);line-height:1.6}.timeline-description li:before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.timeline-dot{position:absolute;left:50%;top:2rem;width:20px;height:20px;background:var(--gradient-primary);border:4px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);z-index:1;box-shadow:0 0 0 4px var(--accent-primary)}.timeline-item.left .timeline-dot{left:calc(50% - 1rem)}.timeline-item.right .timeline-dot{left:calc(50% + 1rem)}@media (max-width: 768px){.timeline:before{left:2rem}.timeline-item{padding-left:4rem!important;padding-right:0!important}.timeline-content{margin:0!important}.timeline-dot{left:2rem!important;transform:translate(-50%)}}.projects{padding:6rem 0;background:var(--bg-secondary);min-height:100vh;display:flex;align-items:center}.projects-container{max-width:1200px;margin:0 auto;padding:0 2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px var(--shadow-color);transition:all .3s ease;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out forwards;border:1px solid var(--border-color)}.project-card.animate-in{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow-color)}.project-image{position:relative;height:200px;background:var(--gradient-secondary);overflow:hidden}.project-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:1.5rem;font-weight:600;text-align:center;padding:1rem}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.project-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;text-decoration:none;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;font-weight:500}.project-link:hover{background:#fff3;transform:translateY(-2px)}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.project-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{margin:0 1rem}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem}}.contact{padding:6rem 0;background:var(--bg-primary);min-height:100vh;display:flex;align-items:center}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-form-section h3,.contact-social-section h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.contact-form-section p,.contact-social-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--card-bg);box-shadow:0 0 0 3px #7843e91a}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{padding:1rem 2rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--card-shadow);font-size:1rem}.contact-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}.contact-form .btn-primary:disabled{opacity:.7;cursor:not-allowed}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-bg);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;border:1px solid var(--border-color)}.social-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-color);color:var(--accent-primary)}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:8px;color:#fff}.social-link span{font-weight:500;font-size:1rem}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form-section h3,.contact-social-section h3{font-size:1.5rem}.social-links{gap:.75rem}.social-link{padding:.75rem}.social-icon{width:35px;height:35px}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #888888;--border-color: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--accent-primary: #7843e9;--accent-secondary: #9c27b0;--gradient-primary: linear-gradient(45deg, #7843e9, #9c27b0);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-bg: #ffffff;--card-shadow: 0 4px 15px rgba(120, 67, 233, .4);--card-shadow-hover: 0 8px 25px rgba(120, 67, 233, .6)}.dark{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--glass-bg: rgba(0, 0, 0, .1);--glass-border: rgba(255, 255, 255, .1);--accent-primary: #9c27b0;--accent-secondary: #7843e9;--gradient-primary: linear-gradient(45deg, #9c27b0, #7843e9);--gradient-secondary: linear-gradient(135deg, #764ba2 0%, #667eea 100%);--card-bg: #1a1a1a;--card-shadow: 0 4px 15px rgba(156, 39, 176, .4);--card-shadow-hover: 0 8px 25px rgba(156, 39, 176, .6)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;min-height:100vh;transition:background .3s ease,color .3s ease}.dark body{background:linear-gradient(135deg,#1a0d2e,#2d1b4e,#4a1a4a)}.App{min-height:100vh;width:100%;position:relative}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,67,233,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(156,39,176,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(102,126,234,.2) 0%,transparent 50%);z-index:-1;animation:backgroundShift 20s ease-in-out infinite}.dark .App:before{background:radial-gradient(circle at 20% 80%,rgba(74,26,74,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(45,27,78,.4) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(26,13,46,.3) 0%,transparent 50%)}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}main{padding-top:80px;width:100%}section{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%}.btn-primary{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:1rem 2rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);background:#ffffff40;box-shadow:0 12px 40px #00000026}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-line{width:80px;height:4px;background:var(--gradient-primary);margin:0 auto 1.5rem;border-radius:2px}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 768px){.section-header h2{font-size:2rem}main{padding-top:70px}}