:root{--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--bg-tertiary: #252d45;--text-primary: #e4e4e7;--text-secondary: #a1a1a1;--accent-primary: #3b82f6;--accent-hover: #2563eb;--border-color: #2d3748;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 64px;--transition: all .3s ease;--shadow: 0 4px 6px rgba(0, 0, 0, .3)}.light-mode{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #eeeeee;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-primary: #3b82f6;--accent-hover: #2563eb;--border-color: #e0e0e0;--shadow: 0 4px 6px rgba(0, 0, 0, .1)}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:var(--transition)}.app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.navbar{position:sticky;top:0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);letter-spacing:-1px}.nav-links{display:flex;gap:var(--spacing-xl);align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition);position:relative}.nav-links a:hover{color:var(--accent-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent-primary);transition:width var(--transition)}.nav-links a:hover:after{width:100%}.theme-toggle{background:none;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;cursor:pointer;font-size:var(--font-size-lg);transition:var(--transition)}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.design-switch-btn{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--alt-accent-dark, var(--accent-primary));color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;z-index:9999;transition:var(--transition)}.design-switch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.design-switch-classic{background-color:#d4a574;color:#2c2416;box-shadow:0 2px 8px #2c24161a}.design-switch-classic:hover{background-color:#b8915f;box-shadow:0 4px 12px #2c241626}.design-switch-modern{background:linear-gradient(135deg,#00d4ff,#ff0080);color:#0a0a0a;box-shadow:0 4px 16px #00d4ff4d}.design-switch-modern:hover{background:linear-gradient(135deg,#00d4ff,#ff0080);box-shadow:0 8px 24px #00d4ff66;transform:translateY(-3px)}.hero{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-bottom:1px solid var(--border-color)}.hero-content{text-align:center;padding:var(--spacing-2xl) 0}.hero-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-1px}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.cta-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--accent-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:var(--transition);border:2px solid var(--accent-primary)}.cta-button:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 12px #3b82f64d}.about{padding:var(--spacing-2xl) 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.about h2,.projects h2,.skills h2,.contact h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.about-content{max-width:700px;margin:0 auto;text-align:center}.about-content p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.8}.projects{padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--border-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);transition:var(--transition);display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 16px #3b82f626}.project-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}.project-header h3{font-size:var(--font-size-lg);font-weight:600}.project-year{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:4px;font-size:var(--font-size-sm);white-space:nowrap}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);flex-grow:1;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tag{background-color:var(--bg-tertiary);color:var(--accent-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:500}.project-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color var(--transition);align-self:flex-start}.project-link:hover{color:var(--accent-hover)}.skills{padding:var(--spacing-2xl) 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.skill-category{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color)}.skill-category h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--accent-primary)}.skill-category ul{list-style:none}.skill-category li{padding:var(--spacing-sm) 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color);transition:color var(--transition)}.skill-category li:last-child{border-bottom:none}.skill-category li:hover{color:var(--accent-primary);padding-left:var(--spacing-sm)}.contact{padding:var(--spacing-2xl) 0;text-align:center}.contact-content{max-width:600px;margin:var(--spacing-xl) auto 0}.contact-content p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.contact-links{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.contact-button{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:6px;text-decoration:none;font-weight:600;cursor:pointer;transition:var(--transition)}.contact-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--bg-tertiary)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;text-align:center;color:var(--text-secondary);margin-top:var(--spacing-2xl)}@media (max-width: 768px){.nav-links{gap:var(--spacing-md)}.nav-links a{font-size:var(--font-size-xs)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.projects-grid,.skills-grid{grid-template-columns:1fr}.contact-links{flex-direction:column}.contact-button{width:100%}}:root{--modern-bg-primary: #09111f;--modern-bg-secondary: #111827;--modern-bg-tertiary: #1e293b;--modern-text-primary: #ffffff;--modern-text-secondary: #b3b3b3;--modern-accent: #009dff;--modern-accent-secondary: #4802eb;--modern-accent-tertiary: #06b6d4;--modern-border: #333333;--modern-shadow: rgba(0, 212, 255, .1);--modern-shadow-hover: rgba(0, 212, 255, .2);--modern-font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--modern-transition: all .3s cubic-bezier(.4, 0, .2, 1);--modern-transition-slow: all .6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--modern-accent) transparent}body{font-family:var(--modern-font-primary);background-color:var(--modern-bg-primary);color:var(--modern-text-primary);overflow-x:hidden}.modern-portfolio{background-color:var(--modern-bg-primary);color:var(--modern-text-primary);opacity:0;transform:translateY(20px);transition:var(--modern-transition-slow)}.modern-portfolio.visible{opacity:1;transform:translateY(0)}.modern-hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:120px 40px 80px;overflow:hidden}.modern-hero .modern-hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:100px;align-items:center;position:relative;z-index:2;justify-content:center}.modern-hero .hero-text{animation:slideInLeft 1s ease-out}.modern-hero .hero-title{font-size:72px;font-weight:800;line-height:.9;margin-bottom:24px;letter-spacing:-2px}.modern-hero .title-main{display:block;color:var(--modern-text-primary)}.modern-hero .title-accent{display:block;background:linear-gradient(135deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modern-hero .hero-subtitle{font-size:20px;color:var(--modern-text-secondary);line-height:1.6;margin-bottom:40px;max-width:500px}.modern-hero .hero-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.modern-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background-image:url(/images/LOGO.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.04;pointer-events:none;z-index:1}.btn-primary{padding:16px 32px;background:linear-gradient(135deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);color:var(--modern-text-primary);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--modern-transition);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.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(-3px);box-shadow:0 0 20px var(--modern-shadow-hover)}.btn-secondary{padding:16px 32px;background:transparent;color:var(--modern-text-primary);border:2px solid var(--modern-border);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--modern-transition)}.btn-secondary:hover{border-color:var(--modern-accent);color:var(--modern-accent);transform:translateY(-3px)}.hero-nav{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-top:40px;padding-top:40px;border-top:1px solid var(--modern-border)}.nav-link{background:none;border:none;color:var(--modern-text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:var(--modern-transition);position:relative;padding:8px 16px;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--modern-accent);background:#6366f11a}.nav-link:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);transition:width var(--modern-transition),left var(--modern-transition)}.nav-link:hover:after,.nav-link.active:after{width:100%;left:0}.hero-visual{position:relative;animation:slideInRight 1s ease-out}.floating-elements{position:relative;height:300px;width:100%}.floating-card{position:absolute;border:2px solid;border-radius:16px;padding:8px;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:var(--modern-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);aspect-ratio:1 / 1}.floating-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px var(--modern-shadow)}.floating-logo{width:100%;height:auto;max-width:100px;object-fit:contain;border-radius:8px}.floating-logo img{width:100%;height:auto}.card-1{top:20px;left:20px;animation:float 6s ease-in-out infinite}.card-2{top:120px;right:20px;animation:float 8s ease-in-out infinite reverse}.card-3{top:200px;left:10px;animation:float 8s ease-in-out infinite}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);opacity:.05}.shape-1{width:600px;height:600px;top:-200px;right:-200px;animation:rotate 20s linear infinite}.shape-2{width:400px;height:400px;bottom:-100px;left:-100px;animation:rotate 15s linear infinite reverse}.shape-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 4s ease-in-out infinite}.modern-work{padding:120px 40px;background:var(--modern-bg-secondary)}.work-header{text-align:center;margin-bottom:80px}.section-title{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:18px;color:var(--modern-text-secondary);max-width:600px;margin:0 auto}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:40px;max-width:1400px;margin:0 auto;place-content:center}.work-grid-small{padding-top:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;place-content:center}.work-card{background:var(--modern-bg-tertiary);border:1px solid var(--modern-border);border-radius:20px;overflow:hidden;transition:var(--modern-transition);position:relative;min-height:446.8px}.work-card-small{background:var(--modern-bg-tertiary);border:1px solid var(--modern-border);border-radius:20px;overflow:hidden;transition:var(--modern-transition);position:relative;height:282px}.work-card-small .card-header img{position:auto;transform:none;object-fit:contain}.work-card-small .card-content{padding:1rem}.work-card-small .card-content .card-btn{margin-top:8px}.work-card:hover,.work-card-small:hover{transform:translateY(-10px);border-color:var(--modern-accent);box-shadow:0 30px 60px var(--modern-shadow)}.card-header{padding:40px 30px 20px;color:#fff;position:relative;overflow:hidden;height:152px}.card--header-image{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:contain;opacity:1;transform:translateY(-30%)}.card--header-image img{width:100%;height:auto}.card-icon{font-size:48px;display:block;margin-bottom:12px}.card-category{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;opacity:.8}.card-content{padding:30px;display:grid;grid-template-rows:auto 1fr auto auto}.card-title{font-size:24px;font-weight:600;line-height:.9}.card-description{color:var(--modern-text-secondary);line-height:1.6;margin-block:20px;overflow:hidden;max-height:4.8rem;text-overflow:ellipsis;white-space:normal;height:50px;display:inline-block}.card-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-height:2rem;overflow:hidden}.tech-tag{padding:6px 12px;background:#00d4ff1a;color:var(--modern-accent);border-radius:20px;font-size:12px;font-weight:500}.card-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--modern-accent) 0%,var(--modern-accent-secondary) 100%);color:var(--modern-bg-primary);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--modern-transition);color:var(--modern-text-primary)}.card-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px var(--modern-shadow)}.work-more-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:5rem;text-align:center}.work-more-wrapper .work-more-link{margin-top:2rem}.modern-about{padding:120px 40px;background:var(--modern-bg-primary)}.about-content{max-width:1400px;margin:0 auto;display:grid;grid-template-areas:"text photo" "skills skills";grid-template-columns:1fr minmax(250px,450px);gap:3rem;align-items:start}.about-text{grid-area:text;animation:slideInLeft 1s ease-out;text-align:start}.about-description{font-size:18px;color:var(--modern-text-secondary);line-height:1.8;margin-bottom:40px;text-align:start}.about-image{align-self:center}.about-photo{animation:slideInRight 1s ease-out;grid-area:photo;max-width:100%;border-radius:2rem}.about-photo img{width:100%;object-fit:cover}.skills-section{grid-area:skills;animation:slideInLeft 1s ease-out}.about-skills h3{font-size:24px;font-weight:600;margin-bottom:30px}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.modern-contact{padding:120px 40px;background:var(--modern-bg-secondary)}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-description{font-size:18px;color:var(--modern-text-secondary);margin-bottom:60px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-input,.form-textarea{padding:16px 20px;background:var(--modern-bg-tertiary);border:1px solid var(--modern-border);border-radius:12px;color:var(--modern-text-primary);font-size:16px;transition:var(--modern-transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--modern-accent);box-shadow:0 0 0 3px var(--modern-shadow)}.form-textarea{resize:vertical;min-height:120px}.form-submit{align-self:flex-start;margin-top:20px}.modern-footer{padding:30px 40px;background:var(--modern-bg-tertiary);border-top:1px solid var(--modern-border)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer-copyright{text-align:center;color:var(--modern-text-secondary);font-size:14px}.project-modal{position:sticky;top:0;left:0;right:0;bottom:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;height:100svh}.modal-content{background:var(--modern-bg-secondary);border:1px solid var(--modern-border);border-radius:20px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--modern-text-secondary);font-size:32px;cursor:pointer;z-index:1001;transition:var(--modern-transition)}.modal-close:hover{color:var(--modern-accent);transform:scale(1.1)}.modal-header{padding:40px 40px 20px;border-bottom:1px solid var(--modern-border);display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-icon{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--modern-bg-tertiary);border-radius:16px}.modal-title-section h2{font-size:32px;font-weight:700;margin-bottom:8px}.modal-category{color:var(--modern-accent);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:14px}.modal-body{padding:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"description description" "images images" "features tech" "details details"}.modal-description h3,.modal-features h3,.modal-tech h3{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--modern-accent)}.modal-description{grid-area:description}.modal-description p{color:var(--modern-text-secondary);line-height:1.8;margin-bottom:1.5rem}.modal-features ul{list-style:none;padding:0}.modal-features li{color:var(--modern-text-secondary);position:relative;padding:4px 0 4px 24px}.modal-tech{grid-area:tech}.modal-link{display:inline-block;margin-top:20px}.modal-features li:before{content:"✓";position:absolute;left:0;color:var(--modern-accent);font-weight:700}.tech-list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.modal-features-section{grid-area:features;display:grid;gap:1.5rem}.modal-details{grid-area:details;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:20px;border-top:1px solid var(--modern-border)}.modal-images-section{grid-area:images;position:relative;margin-bottom:2rem}.modal-images-wrapper{max-width:100%;max-height:220px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--modern-accent) transparent;display:flex;gap:1rem;scroll-snap-type:x mandatory;scroll-padding:1rem}.modal-images-wrapper img{-webkit-user-select:none;user-select:none}.modal-image-card{flex-shrink:0;width:300px;height:100%;cursor:pointer;transition:var(--modern-transition)}.modal-image-card:hover{transform:scale(1.05)}.modal-image{width:100%;height:100%;border-radius:12px;object-fit:cover}.image-navigation{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;justify-content:space-between;align-items:center;gap:1rem;margin-inline:1rem;display:none}.nav-btn{background:var(--modern-bg-tertiary);border:1px solid var(--modern-border);color:var(--modern-text-primary);font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:var(--modern-transition);display:flex;align-items:center;justify-content:center}.nav-btn:hover:not(:disabled){background:var(--modern-accent);color:var(--modern-bg-primary)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.expanded-image-view{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(200px,50vh,600px);background:var(--modern-bg-primary);border-radius:12px;overflow:hidden}.expanded-image-view .image-navigation{display:flex}.expanded-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.close-expanded{z-index:20;position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:var(--modern-transition)}.close-expanded:hover{background:var(--modern-accent)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--modern-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.detail-value{font-size:16px;color:var(--modern-text-primary);font-weight:500}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.05}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.08}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.modern-hero-content{grid-template-columns:1fr!important;gap:60px;text-align:center}.hero-title{font-size:56px}.about-content{grid-template-columns:4fr 3fr;gap:60px;grid-template-areas:"text photo" "text skills"}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer-content{grid-template-columns:1fr;text-align:center;gap:30px}.hero-nav{gap:20px;margin-top:30px;padding-top:30px}.floating-logo{max-width:70px}.modern-hero:before{width:500px;height:500px;opacity:.02}.hero-visual{display:none}}@media (max-width: 768px){.modern-hero:before{width:300px;height:300px;opacity:.015}.hero-title{font-size:42px}.hero-subtitle{font-size:16px}.section-title{font-size:36px}.modern-hero,.modern-work,.modern-about,.modern-contact{padding:80px 20px}.form-row,.stats-grid{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;gap:60px;grid-template-areas:"photo" "text " "skills"}}@media (max-width: 520px){.modal-header{padding:1rem}.modal-body{padding:1rem;grid-template-columns:1fr;grid-template-areas:"description" "images" "features" "tech" "details"}.modal-images-section{max-width:100%;overflow:hidden}.modal-link{margin-top:2rem;scale:.75}.modal-tech{margin-top:1rem}}.skills-section{margin-top:2rem}.skills-section h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.skill-name{font-weight:500}@media (max-width: 440px){.modal-header{flex-direction:column;align-items:flex-start;gap:0}.modal-link{margin:0}}.appfeatures{display:grid;padding:8rem 1rem;place-items:center;text-align:center}.appfeatures .appfeatures-wrapper{display:flex;flex-direction:column;align-items:center}.appfeatures .appfeatures-text{display:flex;flex-direction:column;gap:2rem;text-align:center;max-width:700px}.appfeatures .appfeatures-text h3{font-weight:900}.appfeatures .appfeatures-text p{font-size:1.125rem}.appfeatures .appfeatures-container{margin-top:3rem;display:grid;grid-template-columns:1fr;place-items:center;gap:2rem}.appfeatures .appfeatures-egenskaper{max-width:400px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;text-align:start}@media (min-width: 768px){.appfeatures{gap:3rem}.appfeatures .appfeatures-container{grid-template-columns:1fr 1fr}.appfeatures .appfeatures-text h3{font-size:2.5rem}.appfeatures .appfeatures-text p{font-size:1.125rem}}.features-icon{display:flex;align-items:center;justify-content:center;width:60px;aspect-ratio:1;background-color:#fff;border-radius:.5rem}.features-icon img{width:100%;height:100%;object-fit:cover;border-radius:100%;padding:.25rem}.minekonomi .minekonomi-hero-bg{background-size:200%;background-position-x:50%;background:linear-gradient(to top,#1c0951 90%,var(--clr-background) 100%);height:100svh;min-height:540px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}@media (min-width: 768px){.minekonomi .minekonomi-hero-bg{height:100svh}}@media (min-width: 1280px){.minekonomi .minekonomi-hero-bg{min-height:900px}}.minekonomi .minekonomi-hero{padding:0 1rem;position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-around;height:100%;width:100%}@media (min-width: 768px){.minekonomi .minekonomi-hero{display:grid;grid-auto-columns:45% 55%;grid-auto-rows:30% 70%;gap:0;grid-template-areas:"header header" "info phones"}}@media (min-width: 768px){.minekonomi .minekonomi-hero{padding:0 2rem}}@media (min-width: 1280px){.minekonomi .minekonomi-hero{padding:0 4rem;grid-auto-rows:40% 60%;grid-template-areas:"header phones" "info phones"}}.minekonomi .minekonomi-hero-header{grid-area:header;max-width:390px;display:flex;justify-content:center;align-items:center;flex:4}.minekonomi .minekonomi-hero-header .minekonomi-hero-header-text{display:none;font-size:4rem;width:100%}.minekonomi .minekonomi-hero-header .minekonomi-hero-header-logo{display:block;width:100%;height:auto}@media (min-width: 1280px){.minekonomi .minekonomi-hero-header .minekonomi-hero-header-logo{display:block}}@media (min-width: 768px){.minekonomi .minekonomi-hero-header{max-width:768px;margin:auto}.minekonomi .minekonomi-hero-header .minekonomi-hero-header-text{display:inline-block}.minekonomi .minekonomi-hero-header .minekonomi-hero-header-logo{display:none}.minekonomi .minekonomi-hero-header h1{font-size:3rem}}@media (min-width: 1280px){.minekonomi .minekonomi-hero-header{margin:0;text-align:start}}.minekonomi .minekonomi-hero-info{flex:3;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:space-between;gap:2rem;padding-block:2rem;grid-area:info}.minekonomi .minekonomi-hero-info p{text-wrap:balance;font-size:1.125rem;max-width:390px}.minekonomi .minekonomi-hero-info .minekonomi-hero-info-links{flex:2;display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.minekonomi .minekonomi-hero-info .minekonomi-hero-info-btn{flex:1;display:flex;justify-self:center;align-items:center;gap:1rem}.minekonomi .minekonomi-hero-info .minekonomi-hero-info-btn:hover{text-decoration:none}@media (min-width: 768px){.minekonomi .minekonomi-hero-info{text-align:start;padding:0rem;padding-block:4rem;justify-content:space-between;align-items:flex-start;max-width:450px}.minekonomi .minekonomi-hero-info .minekonomi-hero-info-btn-text{font-size:1.125rem;text-align:start}.minekonomi .minekonomi-hero-info .minekonomi-hero-info-links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}}.minekonomi .minekonomi-hero-phones{grid-area:phones;display:none}@media (min-width: 768px){.minekonomi .minekonomi-hero-phones{display:block;height:100%;width:100%;overflow:hidden}.minekonomi .minekonomi-hero-phones div{position:relative;width:100%;height:893px;max-width:540px;display:flex;align-items:center;justify-content:center}.minekonomi .minekonomi-hero-phones .img-left,.minekonomi .minekonomi-hero-phones .img-right{position:absolute;height:813px;width:402px;object-fit:cover;display:block}.minekonomi .minekonomi-hero-phones .img-left{content:url(../images/png/ek3.png);left:0;top:80px}.minekonomi .minekonomi-hero-phones .img-right{content:url(../images/png/ek1.png);right:0;top:0}}@media (min-width: 1280px){.minekonomi .minekonomi-hero-phones{display:flex;align-items:center}}.minekonomi .minekonomi-hero-bg{max-height:1280px}.slider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:6rem;width:100%;background-color:var(--clr-background-secondary)}@media (min-width: 768px){.slider{padding-block:5rem}}.slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:5rem;height:100%;gap:2rem;text-align:center}.slider-container .slider-container-header{font-size:2.5rem;padding-bottom:0rem}.slider-container h5{font-size:1.375rem}.slider-container .slider-container-text{display:grid;max-width:670px;gap:1rem;padding-inline:1rem;font-size:1.125rem}.slider-img-container{display:flex;align-items:center;justify-content:center;position:relative;width:270px;height:546px}.slider-img-container .slider-img-container-img-1,.slider-img-container .slider-img-container-img-2,.slider-img-container .slider-img-container-img-3{cursor:pointer;border:none;position:absolute;background-color:transparent;margin:0;padding:0;height:522px;width:245px;z-index:1;border-radius:32px;background-position:center;background-size:contain}.slider-img-container .slider-img-container-img-1{background-image:url(../images/jpg/nf1s.jpg);opacity:1}.slider-img-container .slider-img-container-img-2{background-image:url(../images/jpg/nf2s.jpg);opacity:1;z-index:2}.slider-img-container .slider-img-container-img-3{background-image:url(../images/jpg/nf3s.jpg);opacity:1}.slider-img-container .slider-img-container-frame{background-image:url(../images/svg/slider/slider-sm-frame.svg);position:absolute;height:546px;width:270px;z-index:0}.slider-img-container .slider-img-container-frame:before{content:"";position:absolute;background-color:#000;top:10px;left:10px;width:92%;height:96%;border-radius:2rem;z-index:1}@media (min-width: 768px){.slider-img-container{width:609px;height:fit-content;display:flex;gap:20.5px}.slider-img-container .slider-img-container-img-1,.slider-img-container .slider-img-container-img-2,.slider-img-container .slider-img-container-img-3{position:relative;height:390px;width:182px;border-radius:22px}.slider-img-container .slider-img-container-img-1{background-image:url(../images/jpg/nf1s.jpg);opacity:.8}.slider-img-container .slider-img-container-img-2{background-image:url(../images/jpg/nf2s.jpg);opacity:1}.slider-img-container .slider-img-container-img-3{background-image:url(../images/jpg/nf3s.jpg);opacity:.8}.slider-img-container .slider-img-container-frame{background-image:url(../images/svg/slider/slider-md-frame.svg);height:411px;width:203px;z-index:0}.slider-img-container .slider-img-container-frame:before{top:8px;left:8px;border-radius:1.5rem;z-index:-1}}@media (min-width: 1280px){.slider-img-container{width:1184px;height:800px;display:flex;gap:31px}.slider-img-container .slider-img-container-img-1,.slider-img-container .slider-img-container-img-2,.slider-img-container .slider-img-container-img-3{height:630px;width:296px;border-radius:36px}.slider-img-container .slider-img-container-img-1{background-image:url(../images/jpg/nf1s.jpg)}.slider-img-container .slider-img-container-img-2{background-image:url(../images/jpg/nf2s.jpg);background-position:center;margin-inline:4rem}.slider-img-container .slider-img-container-img-3{background-image:url(../images/jpg/nf3s.jpg)}.slider-img-container .slider-img-container-frame{background-image:url(../images/svg/slider/slider-lg-frame.svg);height:662px;width:327px}.slider-img-container .slider-img-container-frame:before{top:12px;left:12px;border-radius:2.5rem}}.img-left .slider-img-container-img-1{opacity:1;z-index:5}.img-left .slider-img-container-img-2,.img-left .slider-img-container-img-3{opacity:.8;z-index:0}@media (min-width: 768px){.img-left .slider-img-container-frame{transform:translate(-100%)}}@media (min-width: 1280px){.img-left .slider-img-container-frame{transform:translate(calc(-100% - 4rem))}}.img-right .slider-img-container-img-1,.img-right .slider-img-container-img-2{opacity:.8;z-index:0}.img-right .slider-img-container-img-3{opacity:1;z-index:5}@media (min-width: 768px){.img-right .slider-img-container-frame{transform:translate(100%)}}@media (min-width: 1280px){.img-right .slider-img-container-frame{transform:translate(calc(100% + 4rem))}}.faq-faqs{max-width:720px;border:1px solid var(--clr-border);margin-top:1rem;border:none;width:100%}@media (min-width: 768px){.faq-faqs{border:none;max-width:auto;min-width:720px}}@media (min-width: 1280px){.faq-faqs{margin-top:0;margin-right:0rem;justify-content:end;align-items:end;place-items:end}}.faq-faqs:nth-child(2){border-top:none}.card-faq{background-color:var(--clr-bg-faq);cursor:pointer;border:none;margin-top:.5rem;border-radius:.5rem;box-shadow:0 4.4px 20px #1310220d,0 4px 9px #13102208;width:100%}.card-faq .question{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1rem;width:100%}@media (min-width: 768px){.card-faq .question{border-radius:.5rem}}.card-faq .answer{transition:all .5s;display:grid;grid-template-rows:0fr;overflow:hidden;padding-inline:1.5rem}.expanded{outline:1px solid var(--clr-border)}.expanded .question button{rotate:-90deg;background-color:var(--clr-rounded-active-bg);color:var(--clr-rounded-active-text)}.expanded .answer{border-top:1px solid var(--clr-border);padding:1rem 1.5rem;height:100%;font-size:1rem;grid-template-rows:1fr;transition:all .5s}@media (min-width: 768px){.expanded .answer{border:none}}.expandable{min-height:0}.minekonomi-contact .contact-phone{text-wrap:none;display:grid;min-width:343px;width:100%;font-size:1rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"icon" "text" "link"}.minekonomi-contact .contact-phone img{grid-area:icon}.minekonomi-contact .contact-phone p{grid-area:text;text-align:start}.minekonomi-contact .contact-phone a{color:var(--clr-primary);grid-area:link;display:flex;align-items:center;gap:.5rem}.minekonomi-contact .contact-phone a img{width:20px;height:20px}.card-contact{cursor:pointer;display:grid;gap:.5rem;background-color:transparent;border:1px solid var(--clr-btn-border);border-radius:.5rem;padding:1.5rem;width:100%}.faq{padding-top:6em;padding-inline:1rem;display:grid;grid-auto-columns:100%;grid-auto-rows:auto 1fr auto;grid-template-areas:"text" "accordion" "contact";place-items:center}.faq .faq-text{font-size:1.5rem}@media (min-width: 768px){.faq{padding-top:3rem}}@media (min-width: 1280px){.faq{padding-block:4rem}}.faq .faq-text{display:flex;flex-direction:column;align-items:center;grid-area:text;gap:1rem;text-align:center;max-width:360px;text-wrap-style:balance;font-weight:700}.faq .faq-text p{font-size:1.125rem}@media (min-width: 768px){.faq .faq-text .faq-text{font-size:2rem;max-width:300px}}.faq .accordion{grid-area:accordion}.faq .faq-contact{grid-area:contact}@media (min-width: 1280px){.faq{grid-auto-columns:40% 1fr;grid-auto-rows:auto;grid-template-areas:"text accordion" "contact accordion" ". accordion";place-items:start}.faq .faq-text{text-align:start;align-items:flex-start;justify-content:flex-start;margin-top:2rem}}.accordion{padding:1rem}@media (min-width: 1280px){.accordion{padding-inline:0rem}}.minekonomi-footer{display:flex;flex-direction:column;justify-content:center;text-align:center;padding-top:1.5rem;padding-bottom:1rem;background-color:var(--clr-background)}.minekonomi-footer span{font-size:.8rem;font-style:italic;font-weight:300}.links{display:flex;justify-content:center;align-items:center;gap:.25rem}:root{scroll-behavior:smooth;--tablet: 575px;--tablet-lg: 768px;--desktop: 996px;--desktop-lg: 1200px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--clr-default: #535656;--clr-gray-100: #f3f6ff;--clr-gray-200: #eff2fc;--clr-gray-300: #e2e5f1;--clr-gray-400: #d4d7e5;--clr-gray-500: #b4b7c9;--clr-gray-600: #9397ad;--clr-gray-700: #565973;--clr-gray-800: #33354d;--clr-gray-900: #0b0f19;--clr-primary: #6366f1;--clr-secondary: #eff2fc;--clr-logo-text: #f4f4f4;--clr-navbar-text: #f4f4f4;--clr-background: #0f0146;--clr-background-secondary: #1c0951;--clr-bg-hero-top: rgba(242, 245, 252, .07);--clr-bg-hero-bg: rgba(224, 118, 243, .06);--clr-bg-hero-bottom: rgba(99, 101, 241, .1);--clr-bg-popup: rgba(21, 57, 187, .401);--clr-text-popup: #ffffff;--clr-text-heading: #ffffff;--clr-text: #f4f4f4;--clr-forms-border: #d4d7e5;--clr-forms-placeholder: #b4b7c9;--clr-features-icon-bg: #eff2fc;--clr-rounded-btn-bg: #f3f6ff;--clr-rounded-btn-text: #3e4265;--clr-btn-bg: #6366f1;--clr-btn-bg-hover: rgba(99, 101, 241, .8);--clr-btn-text: #ffffff;--clr-border: #e2e5f1;--clr-card-faq: #ffffff;--clr-card-contact: #ffffff;--clr-card-review: #ffffff;--clr-btn-bg-secondary: #eff2fc;--clr-btn-text-secondary: #33354d;--clr-btn-border: rgba(99, 101, 241, .35);--clr-background-alt: #f3f6ff;--clr-bg-faq: #1c0951;--clr-outline-focus: var(--clr-primary);--clr-primary-light: #6d7573;--clr-primary-dark: #2f3331;--clr-secondary: #d9c3a9;--clr-accent: #f2eddc;--clr-gray: #e6e5e5;--clr-light: #fff;--clr-dark: #171717;--clr-hero-link-text: #fff;--clr-hero-link-bg: #ffffff;--clr-rounded-active-bg: var(--clr-btn-bg);--clr-rounded-active-text: #ffffff;--clr-card-review: #fff}.minekonomi *,.minekonomi *:after,.minekonomi *:before{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.minekonomi img,.minekonomi svg{vertical-align:center}.minekonomi a{text-decoration:none;color:var(--clr-navbar-text)}.minekonomi a:hover{color:var(--clr-primary);text-decoration:underline}.minekonomi h1{font-size:2.5rem;color:var(--clr-text-heading)}.minekonomi h2{font-size:2rem;color:var(--clr-text-heading)}.minekonomi h3{font-size:1.75rem;color:var(--clr-text-heading)}.minekonomi h4{font-size:1.5rem;color:var(--clr-text-heading)}.minekonomi h5{font-size:1.25rem;color:var(--clr-text-heading)}.minekonomi h6{font-size:1rem;color:var(--clr-text-heading)}.minekonomi p,.minekonomi span,.minekonomi label{color:var(--clr-text)}.minekonomi * button:focus-visible,.minekonomi * input:focus-visible,.minekonomi * span:focus-visible,.minekonomi * a:focus-visible{outline:3px solid var(--clr-outline-focus)!important;outline-offset:3px}.minekonomi body{background-color:var(--clr-background);min-width:320px;min-height:100svh}.policy-container{max-width:900px;margin:0 auto;background-color:var(--clr-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.2)}.policy-container h1{font-size:2.5rem;text-align:center;margin-bottom:10px;background:linear-gradient(45deg,#fff,#e6e6fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.policy-container .last-updated{text-align:center;font-style:italic;margin-bottom:30px;color:#e6e6fa;font-size:.9rem}.policy-container .intro{background-color:var(--clr-background-secondary);padding:20px;border-radius:10px;margin-bottom:30px;border-left:4px solid #ffffff}.policy-container h2{color:#fff;font-size:1.5rem;margin:1rem 0;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.3)}.policy-container p{margin-bottom:15px;text-align:justify}.policy-container ul{margin:15px 0;padding-left:20px}.policy-container li{margin-bottom:8px;color:#e6e6fa}.policy-container strong{color:#e6e6fa;font-weight:600}.policy-container .section{background-color:var(--clr-background-secondary);padding:20px;border-radius:10px;margin:20px 0;border:1px solid rgba(255,255,255,.1)}.policy-container .contact-info{background-color:var(--clr-background-secondary);padding:20px;border-radius:10px;text-align:start;margin-top:30px;border:2px solid rgba(255,255,255,.2)}.policy-container .email{color:#e6e6fa;text-decoration:none;font-weight:700;font-size:1.1rem}.policy-container .email:hover{color:#fff;text-decoration:underline}.policy-container .note{background-color:var(--clr-background-secondary);padding:15px;border-radius:8px;margin-top:30px;font-style:italic;border-left:3px solid #e6e6fa}@media (max-width: 768px){.policy-container{border:none}.policy-container .container{padding:20px;margin:10px}.policy-container h1{font-size:2rem}.policy-container body{padding:10px}}@media (max-width: 480px){.policy-container{padding:1rem}}.error-page{height:calc(100svh - 128px);width:100%;display:grid;place-items:center;overflow:hidden}.error-msg p{font-size:2rem}.error-code{display:flex;flex-wrap:wrap;justify-content:center}.frame{width:5rem;aspect-ratio:1/1;background-color:var(--clr-primary);display:grid;place-items:center;font-size:4rem;font-weight:700;color:var(--clr-background)}.frame:hover{scale:1.1}.x1{animation:slide-in-top-left 1.5s linear forwards;animation-delay:.1s;opacity:0}.x2{animation:slide-in-top-right 1.5s linear forwards;animation-delay:.6s;opacity:0}.x3{animation:slide-in-bottom-right 1.5s linear forwards;animation-delay:.3s;opacity:0}.x4{animation:slide-in-bottom-right 1.5s linear forwards;animation-delay:1s;opacity:0}.x5{animation:slide-in-bottom-left 1.5s linear forwards;animation-delay:.5s;opacity:0}.x6{animation:fall-over 1.5s ease-in forwards;animation-delay:2.75s}.x7{animation:slide-in-bottom-right 1.5s ease-in forwards;animation-delay:1.5s;opacity:0}.x8{animation:slide-in-top-right 1.5s ease-in forwards;animation-delay:1.3s;opacity:0}.x9{animation:slide-in-right 1.5s ease-in forwards;animation-delay:1s;opacity:0}@keyframes fall-over{0%{transform:rotate(0)}to{transform:rotateX(90deg)}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes slide-in-top-left{0%{transform:translate(-500%) translateY(-500%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-top-right{0%{transform:translate(500%) translateY(-500%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-bottom-left{0%{transform:translate(-500%) translateY(500%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-bottom-right{0%{transform:translate(500%) translateY(500%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(500%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(500%);opacity:0}to{transform:translate(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-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}a{text-decoration:none;color:inherit}.btn{display:flex;align-items:center;width:fit-content;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;font-style:normal;cursor:pointer;font-size:1rem;transition:.25s;border-radius:.5em;text-decoration:none!important;border:none;text-wrap:nowrap;background-color:var(--clr-primary);color:#fff}.btn img{height:1.5em;aspect-ratio:1/1;margin-left:.5em}.btn:hover{transition:.25s;background-color:var(--clr-btn-bg-hover);color:#fff}.btn-sm{padding-inline:1.5rem;padding-block:.5625rem;font-size:.875rem;font-weight:600}.btn-md{padding-inline:1.75rem;padding-block:.6875rem;font-size:.875rem;font-weight:600;line-height:1.6}.btn-lg{padding-inline:2rem;padding-block:.8125rem;font-size:1rem;line-height:1.6}.btn-square{border-radius:0}.btn-store{height:51px;width:100%;max-width:367px;display:flex;justify-content:center;align-items:center;border-radius:.5rem;background-color:var(--clr-hero-link-bg)}.btn-store img{width:100%;height:100%;padding:.4rem 0rem}@media (min-width: 768px){.btn-store{flex-direction:row;justify-content:flex-start;gap:2rem;width:180px;height:52px}.btn-store img{padding:.4rem 1.5rem}}.btn-circle{border-radius:50%;transition:.25s;text-decoration:none!important;outline:none!important;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:transparent}.btn-circle .btn-circle:hover{transition:.25s;text-decoration:none}.btn-rounded{background-color:var(--clr-rounded-btn-bg);color:var(--clr-rounded-btn-text);border:none;position:relative;padding:1rem;border-radius:50%;font-size:1.25em;rotate:90deg;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.btn-rounded:hover{border:none}.btn-rounded-text{color:#000;transform:translateY(-1.5px);-webkit-user-select:none;user-select:none;font-size:1rem;scale:1.25}.btn-rounded-sm{padding:1.125rem;font-size:1.25em;width:36px;height:36px}.btn-rounded-sm:after{top:3px;left:12px}.btn-rounded-md{cursor:pointer;padding:1.375rem;border-radius:50%;font-size:1.5em;width:44px;height:44px}.btn-rounded-lg{cursor:pointer;padding:1.625rem;border-radius:50%;font-size:2em;width:52px;height:52px}.btn-rounded-lg:after{top:2px;left:18px}