@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);body{margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}input,select,textarea{font-family:inherit;font-size:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.dark .header{background:#111111f2;border-bottom:1px solid #ffffff1a}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo{color:var(--primary-color);cursor:pointer;font-size:1.5rem;font-weight:700}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-color);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-link:after{background:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.header-actions{align-items:center;display:flex;gap:1rem}.theme-toggle{background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background:var(--hover-bg)}.menu-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;padding:.5rem}@media (max-width:768px){.nav{background:var(--bg-color);border-top:1px solid var(--border-color);flex-direction:column;left:0;opacity:0;padding:2rem;position:fixed;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.menu-toggle{display:block}.header-container{padding:1rem}}.hero{align-items:center;background:var(--bg-color);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,#7877c608,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.dark .hero-bg-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,#7877c614,#0000)}.hero-container{margin:0 auto;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:2}.hero-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;min-height:80vh}.hero-content{max-width:600px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.badge-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-name{color:var(--text-color);font-family:Poppins,Inter,system-ui,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem}.name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;position:relative}.dark .name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text}.hero-title{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:500;letter-spacing:.01em;line-height:1.4;margin-bottom:1.5rem}.hero-description{color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:3rem;opacity:.8}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.btn{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--text-color);border:1px solid var(--text-color);box-shadow:0 4px 14px 0 #0000001a;color:var(--bg-color)}.btn-primary:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-color)}.hero-image{align-items:center;display:flex;justify-content:center}.image-container{height:350px;position:relative;width:350px}.image-wrapper{box-shadow:-5px 5px 20px #0003;overflow:hidden;position:relative;z-index:2}.image-wrapper,.image-wrapper img{border-radius:50%;height:100%;width:100%}.image-wrapper img{object-fit:cover}.image-border{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:-4px;left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.dark .image-border{background:linear-gradient(135deg,#a78bfa,#ec4899)}.hero-scroll{align-items:center;bottom:2rem;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.hero-scroll:hover{opacity:1}.scroll-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.scroll-indicator:hover{background:#fff3;border-color:var(--text-color)}.dark .scroll-indicator{background:#0003}@media (max-width:1024px){.hero-grid{gap:3rem}.image-container{height:300px;width:300px}}@media (max-width:768px){.hero{min-height:100vh;padding-bottom:4rem}.hero-container{padding:1.5rem 1.5rem 0}.hero-grid{gap:2rem;grid-template-columns:1fr;min-height:auto;padding-top:2rem;text-align:center}.hero-content{max-width:100%;order:2}.hero-image{order:1}.image-container{height:200px;width:200px}.hero-badge{font-size:.8rem;margin-bottom:1.5rem;padding:.4rem .8rem}.hero-name{margin-bottom:1rem}.hero-socials{justify-content:center;margin-bottom:1.5rem}.hero-title{margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:2rem}.hero-actions{gap:.75rem;margin-bottom:1rem}.btn,.hero-actions{justify-content:center}.btn{flex:1 1;max-width:200px}.hero-scroll{bottom:2rem;position:fixed;z-index:100}}@media (max-width:480px){.hero-grid{gap:1.5rem;padding-top:1rem}.image-container{height:180px;width:180px}.hero-badge{margin-bottom:1rem}.hero-name{margin-bottom:.75rem}.hero-socials{margin-bottom:1rem}.social-link{height:40px;width:40px}.hero-title{margin-bottom:.75rem}.hero-description{margin-bottom:1.5rem}.hero-actions{align-items:center;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.btn{max-width:250px;width:100%}.hero-scroll{bottom:1.5rem}}.underline-word{color:#555;display:inline-block;font-weight:700;position:relative;z-index:2}.dark .underline-word{color:#eee}.underline-word:after{animation:watercolorPaint 1.5s ease-out 1.2s both;border-radius:0;bottom:-5px;filter:blur(1px);height:16px;left:-8px;right:-8px;transform:rotate(-6deg)}.underline-word:after,.underline-word:before{content:"";opacity:0;position:absolute;z-index:-1}.underline-word:before{animation:watercolorPaint 1.5s ease-out 1.4s both;background:linear-gradient(180deg,#a9b4e792 20%,#d5adffd9 80%);border-radius:2px;bottom:0;filter:blur(.5px);height:12px;left:-4px;right:-4px;transform:rotate(90deg)}.dark .underline-word:before{background:linear-gradient(135deg,#a78bfa 20%,#ec4899 80%)}@keyframes watercolorPaint{0%{opacity:0;transform:scaleX(0) rotate(-1deg)}30%{opacity:.4}60%{opacity:.7;transform:scaleX(1.1) rotate(-1deg)}to{opacity:.6;transform:scaleX(1) rotate(-1deg)}}.hero-floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-shape{background:var(--primary-color);border-radius:50%;opacity:.1;position:absolute}.floating-shape-1{height:60px;left:10%;top:20%;width:60px}.floating-shape-2{background:var(--accent-color);height:40px;right:15%;top:60%;width:40px}.floating-shape-3{bottom:30%;height:80px;left:20%;width:80px}.floating-shape-4{background:var(--accent-color);height:30px;right:30%;top:40%;width:30px}.dark .floating-shape{opacity:.15}@media (max-width:768px){.floating-shape{opacity:.05}.dark .floating-shape{opacity:.08}}.about{background:var(--bg-color);padding:6rem 0}.about-content{margin:0 auto;max-width:1200px;padding:0 2rem}.about-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.about-text{display:flex;flex-direction:column;justify-content:center}.about-description p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-skills h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:2rem}.skills-categories{display:flex;flex-direction:column;gap:2rem}.skill-category{margin-bottom:1.5rem}.category-title{border-bottom:2px solid var(--border-color);color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.skills-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.skill-item:hover{background:var(--primary-color);box-shadow:0 8px 25px #007bff33;color:#fff;transform:translateY(-2px)}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease}.stat-item:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-number{color:var(--primary-color);font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:1.1rem;font-weight:500}@media (max-width:768px){.about{padding:4rem 0}.about-grid{gap:3rem;grid-template-columns:1fr}.section-title{font-size:2rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.about-stats{gap:1.5rem;grid-template-columns:1fr}.stat-item{padding:1.5rem}.stat-number{font-size:2.5rem}}.experience{background:var(--secondary-bg);padding:6rem 0}.experience-content{margin:0 auto;max-width:1200px;padding:0 2rem}.timeline{margin-top:3rem;position:relative}.timeline-item{display:flex;margin-bottom:3rem;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;margin-right:2rem;position:relative}.timeline-dot{background:var(--primary-color);border:4px solid var(--bg-color);border-radius:50%;box-shadow:0 0 0 4px var(--primary-color);height:16px;width:16px;z-index:2}.timeline-line{background:var(--border-color);height:100%;margin-top:1rem;min-height:200px;width:2px}.timeline-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex:1 1;padding:2rem;position:relative;transition:all .3s ease}.timeline-content:before{border-bottom:10px solid #0000;border-right:10px solid var(--card-bg);border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:20px;width:0}.timeline-content:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.job-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.job-image{border-radius:12px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.job-image img{height:100%;object-fit:cover;width:100%}.job-info{flex:1 1}.job-company{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.job-meta{display:flex;flex-wrap:wrap;gap:2rem}.job-duration,.job-location{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.job-summary{margin-bottom:2rem}.job-summary p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.job-responsibilities{margin-bottom:2rem}.job-responsibilities h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.job-responsibilities ul{list-style:none;padding:0}.job-responsibilities li{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.job-responsibilities li:before{color:var(--primary-color);content:"▸";font-weight:700;left:0;position:absolute}.job-skills h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}@media (max-width:768px){.experience{padding:4rem 0}.timeline-item{flex-direction:column}.timeline-marker{flex-direction:row;margin-bottom:1rem;margin-right:0}.timeline-line{height:2px;margin-left:1rem;margin-top:0;min-height:auto;width:100%}.timeline-content:before{display:none}.job-header{flex-direction:column;text-align:center}.job-meta{justify-content:center}.timeline-content{padding:1.5rem}}.projects{background:var(--bg-color);padding:6rem 0}.projects-content{margin:0 auto;max-width:1200px;padding:0 2rem}.project-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-btn{background:#0000;border:2px solid var(--border-color);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.project-card:hover{box-shadow:0 15px 40px #0000001a}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.project-link:hover{background:var(--accent-color);transform:scale(1.1)}.project-content{padding:1.5rem}.project-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-category{background:var(--primary-color);border-radius:15px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem;text-transform:uppercase}.project-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.3rem}.project-title{color:var(--text-color);font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-actions{display:flex;justify-content:flex-end}.btn-learn-more{background:#0000;border:2px solid var(--primary-color);border-radius:25px;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-learn-more:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.projects{padding:4rem 0}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-filters{gap:.5rem}.filter-btn{font-size:.9rem;padding:.6rem 1rem}.project-content{padding:1.2rem}.project-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}.gallery{background:var(--secondary-bg);padding:6rem 0}.gallery-content{margin:0 auto;max-width:1200px;padding:0 2rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:1rem;text-align:center}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.gallery-item{border-radius:16px;cursor:pointer}.gallery-image,.gallery-item{overflow:hidden;position:relative}.gallery-image{height:250px}.gallery-image img{height:100%;object-fit:cover;object-position:bottom;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image img{transform:scale(1.1)}.gallery-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay-content{color:#fff;font-size:1.1rem;font-weight:500}.videos-section{margin-top:4rem}.videos-title{color:var(--text-color);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.video-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.video-wrapper{height:0;padding-bottom:56.25%;position:relative}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.lightbox{background:#000000e6;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.lightbox,.lightbox-content{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:80vh;max-width:80vw;position:relative}.lightbox-content img,.lightbox-content-img{border-radius:8px;height:100vh;max-width:100%;object-fit:fill;object-position:bottom}.lightbox-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:background .3s ease;width:40px}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;width:50px}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-counter{bottom:-50px;color:#fff;font-size:1rem;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.gallery{padding:4rem 0}.gallery-grid{gap:1rem;grid-template-columns:1fr}.gallery-image{height:200px}.videos-grid{grid-template-columns:1fr}.lightbox{padding:1rem}.lightbox-nav{height:40px;width:40px}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}.lightbox-close{height:35px;top:-40px;width:35px}.lightbox-content img{border-radius:8px;height:100%;max-width:100vw;object-fit:fill;object-position:bottom}}.contact{background:var(--bg-color);padding:6rem 0}.contact-content{margin:0 auto;max-width:1200px;padding:0 2rem}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:3rem}.contact-info h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.contact-info p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.contact-details,.contact-info p{margin-bottom:2rem}.contact-item{gap:1rem;margin-bottom:1.5rem}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;height:50px;justify-content:center;width:50px}.contact-text h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.contact-text p{color:var(--text-secondary);margin:0}.contact-socials{display:flex;gap:1rem}.social-link{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.contact-form-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{background:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:8px;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}@media (max-width:768px){.contact{padding:4rem 0}.contact-grid{gap:3rem;grid-template-columns:1fr}.contact-form-container{padding:1.5rem}.contact-item{flex-direction:column;gap:.5rem;text-align:center}.contact-icon{margin:0 auto}.contact-socials{justify-content:center}}.alert{align-items:center;background:#fffffff2;border-radius:1rem;box-shadow:0 8px 32px #0000002e,0 1.5px 6px #0000001a;display:flex;font-size:1.1rem;font-weight:500;gap:1.2rem;left:70%;max-width:90vw;min-width:320px;padding:1.2rem 2.5rem 1.2rem 1.5rem;position:fixed;top:2rem;transform:translateX(50%);transition:box-shadow .2s;z-index:9999}.alert-success{background:linear-gradient(90deg,#e8f5e9 60%,#c8e6c9);border-color:#4caf50;color:#256029}.alert-error{background:linear-gradient(90deg,#ffebee 60%,#ffcdd2);border-color:#f44336;color:#b71c1c}.alert-info{background:linear-gradient(90deg,#e3f2fd 60%,#bbdefb);border-color:#2196f3;color:#0d47a1}.alert-warning{background:linear-gradient(90deg,#fff8e1 60%,#ffe0b2);border-color:#ff9800;color:#e65100}.alert-message{flex:1 1;word-break:break-word}.alert-close{background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;padding:0 .5rem;transition:background .15s}.alert-close:focus,.alert-close:hover{background:#00000012;outline:none}@media (max-width:1180px){.alert{border-radius:.7rem;box-sizing:border-box;font-size:1rem;left:0;margin:10px auto 0;max-width:100vw;min-width:0;min-width:auto;padding:.9rem 1rem;right:0;top:env(safe-area-inset-top,1rem);transform:none;width:96vw}}:root{--primary-color:#007bff;--accent-color:#6c5ce7;--bg-color:#fff;--secondary-bg:#f8f9fa;--card-bg:#fff;--text-color:#2c3e50;--text-secondary:#6c757d;--border-color:#e9ecef;--hover-bg:#f8f9fa;--shadow:#0000001a}.dark{--primary-color:#4dabf7;--accent-color:#845ec2;--bg-color:#111;--secondary-bg:#1a1a1a;--card-bg:#1e1e1e;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#333;--hover-bg:#2a2a2a;--shadow:#0000004d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#2c3e50;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}.App{min-height:100vh;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.loading-screen{align-items:center;background:#fff;background:var(--bg-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{text-align:center}.loading-spinner{border:3px solid #e9ecef;border-top:3px solid #007bff;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto 1rem;width:50px}.loading-content h2{color:#2c3e50;color:var(--text-color);font-size:1.5rem;font-weight:600}.footer{background:#f8f9fa;background:var(--secondary-bg);border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);margin-top:4rem;padding:2rem 0}.footer-content{color:#6c757d;color:var(--text-secondary);text-align:center}.footer-content p{margin-bottom:.5rem}.section{padding:6rem 0}.section-header{margin-bottom:4rem;text-align:center}.section-title{color:#2c3e50;color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-line{background:linear-gradient(135deg,#007bff,#6c5ce7);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:2px;height:4px;margin:0 auto;width:60px}@media (max-width:768px){.container{padding:0 1rem}.section{padding:4rem 0}.section-title{font-size:2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:#007bff;background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c5ce7;background:var(--accent-color)}::selection{background:#007bff;background:var(--primary-color);color:#fff}:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}
/*# sourceMappingURL=main.d6df179a.css.map*/