#root{width:100%;margin:0;padding:0}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}h1{font-size:3.2em;line-height:1.1;margin-bottom:.5rem}h2{font-size:var(--font-size-section-title);font-weight:500;color:var(--color-text-primary);margin-bottom:1rem}.subtitle{font-size:1.2em;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.language-selector{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-sticky);display:flex;gap:var(--space-xs);background:var(--color-surface);padding:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.language-selector:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.lang-btn{padding:var(--space-sm) var(--space-md);border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-weight:500;font-size:var(--font-size-sm);min-width:48px;position:relative}.lang-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-base);z-index:-1}.lang-btn:hover{color:var(--color-text-primary);transform:translateY(-1px)}.lang-btn:hover:before{opacity:.1}.lang-btn.active{color:var(--color-background)}.lang-btn.active:before{opacity:1}.lang-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.language-selector{top:var(--space-md);right:var(--space-md);gap:0}.lang-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-width:40px}}.hero{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.hero-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-content{text-align:center;color:var(--color-text-primary);animation:fadeInUp .8s ease-out}.hero-title{font-size:var(--font-size-section-title);font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:24px;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--color-text-primary);opacity:.95}.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-primary{background:var(--color-primary);color:var(--color-background);box-shadow:0 4px 15px #0003}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.cta-secondary:hover{background:var(--color-surface);border-color:var(--color-primary);transform:translateY(-2px)}.hero-media{display:flex;justify-content:center;align-items:center;animation:fadeInUp .8s ease-out .2s both}.hero-image{width:100%;max-width:500px;height:auto;border-radius:16px;box-shadow:0 20px 60px #0000004d;transition:transform .3s ease}.hero-image:hover{transform:scale(1.02)}@media (min-width: 768px){.hero{padding:2rem}.hero-container{grid-template-columns:1fr 1fr;gap:4rem}.hero-content{text-align:left}.hero-subtitle{margin-left:0;margin-right:0}.hero-ctas{justify-content:flex-start}}@media (min-width: 1024px){.hero-container{gap:5rem}.hero-image{max-width:600px}}@media (prefers-reduced-motion: reduce){.hero-content,.hero-media{animation:none}.hero-image:hover,.cta-primary:hover,.cta-secondary:hover{transform:none}}.about-frankie{padding:4rem 2rem;color:var(--color-text-primary);position:relative;overflow:hidden}.about-frankie__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;position:relative;z-index:1}.about-frankie__content{display:flex;flex-direction:column;gap:1.5rem}.about-frankie__title{font-size:var(--font-size-section-title);font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2}.about-frankie__text{display:flex;flex-direction:column;gap:1rem}.about-frankie__text p{font-size:1.125rem;line-height:1.75;color:var(--color-text-secondary);margin:0}.about-frankie__quote{font-size:1.25rem;font-style:italic;color:var(--color-text-accent);font-weight:600;margin:1rem 0 0;padding:1.5rem;background:#3b82f60d;border-left:4px solid var(--color-primary);border-radius:.5rem}.about-frankie__visuals{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}.about-frankie__image-wrapper{position:relative;width:100%;padding-bottom:50%;border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-frankie__image-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026}.about-frankie__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.about-frankie h2{text-align:center;font-size:var(--font-size-section-title);margin-bottom:2rem;color:var(--color-text-primary)}.content{background:var(--color-bg);padding:2rem;border-radius:15px;line-height:1.8;color:var(--color-text-secondary)}.highlight{color:var(--color-hover);font-weight:600}@media (min-width: 768px){.about-frankie{padding:6rem 2rem}.about-frankie__container{gap:4rem}}@media (min-width: 1024px){.about-frankie{padding:8rem 2rem}.about-frankie__container{grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-frankie__text p{font-size:1.25rem}.about-frankie__quote{font-size:1.375rem;padding:2rem}}@media (prefers-reduced-motion: reduce){.about-frankie__image-wrapper{transition:none}.about-frankie__image-wrapper:hover{transform:none}}.what-can-do{padding:6rem 2rem;background:var(--background-secondary);position:relative;overflow:hidden}.what-can-do__container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.what-can-do__title{font-size:var(--font-size-section-title);font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--color-text-primary);text-shadow:0 0 30px rgba(0,255,255,.3)}.what-can-do__container .section-subtitle{text-align:center;color:var(--color-text-primary);font-size:24px;max-width:700px;margin:-1rem auto 3rem;line-height:1.6}.what-can-do__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.what-can-do__card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden}.what-can-do__card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff1a,#8a2be21a);opacity:0;transition:opacity .3s ease}.what-can-do__card:hover{transform:translateY(-8px);border-color:#00ffff80;box-shadow:0 10px 30px #0000004d,0 0 40px #0ff3,inset 0 0 20px #00ffff1a}.what-can-do__card:hover:before{opacity:1}.what-can-do__card-icon{font-size:3rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0ff3,#8a2be233);border-radius:16px;position:relative;z-index:1}.what-can-do__card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary);position:relative;z-index:1}.what-can-do__card-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);position:relative;z-index:1}@media (max-width: 768px){.what-can-do{padding:4rem 1.5rem}.what-can-do__grid{grid-template-columns:1fr;gap:1.5rem}.what-can-do__card{padding:1.5rem}.what-can-do__card-icon{width:60px;height:60px;font-size:2rem}.what-can-do__card-title{font-size:1.25rem}}@media (max-width: 480px){.what-can-do__card-icon{width:50px;height:50px;font-size:1.75rem}}.how-it-works{padding:80px 20px;background:var(--background-primary);color:var(--color-text-primary)}.how-it-works .container{max-width:1200px;margin:0 auto}.how-it-works .section-subtitle{font-size:24px;text-align:center;margin-bottom:3rem;color:var(--color-text-primary);opacity:.9}.architecture-flow{background:#00adb514;border-radius:20px;padding:40px;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-title{font-size:24px;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--color-text-primary)}.flow-diagram{display:flex;flex-direction:column;gap:0;max-width:700px;margin:0 auto}.flow-step{display:flex;flex-direction:column;align-items:center;position:relative}.step-number{width:50px;height:50px;border-radius:50%;background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem;box-shadow:0 4px 15px #0003}.step-content{background:#fff3;padding:20px 30px;border-radius:15px;width:100%;text-align:center;margin-bottom:1rem}.step-content p{margin:0;font-size:1.1rem;line-height:1.6}.step-arrow{font-size:2rem;color:var(--color-text-primary);margin:.5rem 0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.tech-stack{background:#00adb514;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stack-title{font-size:24px;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--color-text-primary)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.tech-item{background:#fff3;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.tech-item:hover{transform:translateY(-5px);background:#ffffff4d;box-shadow:0 10px 25px #0003}.tech-icon{font-size:2rem}.tech-name{font-size:1.1rem;font-weight:600}@media (max-width: 768px){.how-it-works{padding:60px 20px}.how-it-works .section-subtitle{font-size:20px}.architecture-flow,.tech-stack{padding:30px 20px}.flow-title,.stack-title{font-size:20px}.step-content p{font-size:1rem}.stack-grid{grid-template-columns:1fr}}.ai-layer{padding:4rem 2rem;color:var(--color-text-primary)}.ai-layer__container{max-width:1200px;margin:0 auto}.ai-layer__title{font-size:var(--font-size-section-title);margin-bottom:2rem;color:var(--color-text-primary);text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.ai-layer__content{padding:2rem}.ai-layer__intro{font-size:24px;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--color-text-primary)}.ai-layer__content p{text-align:center}.ai-layer__explanation{margin-bottom:2rem}.ai-layer__explanation p{font-size:1.1rem;line-height:1.8;margin-bottom:1rem;opacity:.95}.ai-layer__transition{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;opacity:.95}.ai-layer__commands{background:#00adb514;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.ai-layer__commands-title{font-size:24px;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--color-text-primary)}.ai-layer__commands-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.ai-layer__command{background:#fff3;border-radius:.5rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,background .2s ease;cursor:default}.ai-layer__command:hover{transform:translateY(-2px);background:#ffffff40}.ai-layer__command-icon{font-size:1.5rem;flex-shrink:0}.ai-layer__command-text{font-size:1rem;font-style:italic;opacity:.95}.ai-layer__highlight{font-size:1.2rem;color:var(--color-text-accent);font-weight:600;line-height:1.8;max-width:1200px;margin:0 auto;padding:1.5rem;background:#00adb514;border-radius:8px;border-left:4px solid var(--color-primary);margin-top:2rem}.ai-layer__key-message{font-size:24px;font-weight:600;margin-bottom:1rem;color:var(--color-text-accent)}.ai-layer__conclusion{font-size:1.1rem;line-height:1.8;opacity:.95}@media (max-width: 768px){.ai-layer{padding:3rem 1rem}.ai-layer__content{padding:1.5rem}.ai-layer__intro{font-size:20px}.ai-layer__explanation p,.ai-layer__transition{font-size:1rem}.ai-layer__commands{padding:1.5rem}.ai-layer__commands-title{font-size:20px}.ai-layer__commands-list{grid-template-columns:1fr}.ai-layer__key-message{font-size:20px}.ai-layer__conclusion{font-size:1rem}}.gallery{padding:6rem;background:var(--background-secondary);position:relative;overflow:hidden}.gallery .container{max-width:1200px;margin:auto;position:relative;z-index:1}.gallery .section-subtitle{text-align:center;color:var(--color-text-primary);font-size:24px;max-width:700px;margin:-1rem auto 3rem;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.gallery-item{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:#0f0f1e;border:1px solid rgba(0,245,255,.1)}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00f5ff4d}.gallery-item:focus{outline:2px solid #00f5ff;outline-offset:4px}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.video-thumbnail{position:relative;width:100%;height:100%}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.gallery-item:hover .play-icon{transform:translate(-50%,-50%) scale(1.1)}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay span{font-size:3rem;color:#fff;text-shadow:0 0 20px rgba(0,245,255,.8)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{width:90vw;max-width:1400px;display:flex;flex-direction:column;align-items:center;gap:1rem}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:calc(90vh - 60px);border-radius:8px;box-shadow:0 0 40px #00f5ff4d}.youtube-iframe{width:100%;height:50.625vw;max-height:calc(90vh - 100px);max-width:1400px;border:none;border-radius:8px;box-shadow:0 0 40px #00f5ff4d}@media (min-width: 1400px){.youtube-iframe{height:787px}}.lightbox-caption{color:var(--color-text-primary);text-align:center;font-size:1rem;max-width:600px;line-height:1.5}.lightbox-close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-primary);font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;z-index:10001}.lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-primary);font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .2s ease;z-index:10001}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-next{right:2rem;padding-left:5px;padding-bottom:10px}.lightbox-prev{left:2rem;padding-bottom:10px;padding-right:5px}@media (max-width: 768px){.gallery{padding:3rem 0}.gallery-grid{grid-template-columns:1fr;gap:1rem}.lightbox-close,.lightbox-nav{width:40px;height:40px;font-size:1.5rem}.lightbox-close{top:1rem;right:1rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-nav{font-size:2rem}.lightbox-content{max-width:95vw}.lightbox-caption{font-size:.9rem;padding:0 1rem}}.challenges-section{padding:5rem 4rem;background:var(--background-secondary);position:relative;overflow:hidden}.challenges-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:var(--font-size-section-title);font-weight:700;margin-bottom:3rem;color:var(--primary);text-align:center}.challenges-intro{margin-bottom:3rem}.challenges-statement{font-size:1.25rem;color:var(--color-text-primary);line-height:1.8;text-align:center;max-width:700px;margin:0 auto}.challenges-list{background:#00adb514;border:1px solid rgba(0,173,181,.2);border-radius:12px;padding:2.5rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.challenges-subtitle{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem}.challenges-items{list-style:none;padding:0;margin:0}.challenge-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,173,181,.1);transition:transform .2s ease}.challenge-item:last-child{border-bottom:none}.challenge-item:hover{transform:translate(8px)}.challenge-icon{font-size:1.5rem;min-width:2rem;text-align:center}.challenge-text{font-size:1.1rem;color:var(--color-text-primary);line-height:1.6}.challenges-conclusion{text-align:center}.challenges-message{font-size:1.2rem;color:var(--color-text-accent);font-weight:600;line-height:1.8;max-width:650px;margin:0 auto;padding:1.5rem;background:#00adb514;border-radius:8px;border-left:4px solid var(--color-primary)}.challenges-learnings{padding:4rem 2rem;background:var(--color-bg);color:var(--color-text-primary)}.challenges-learnings h2{text-align:center;font-size:var(--font-size-section-title);margin-bottom:3rem;color:var(--color-primary)}.section{background:var(--color-surface);padding:2rem;border-radius:15px;margin-bottom:2rem;color:var(--color-text-primary)}.section h3{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:24px}.item{background:var(--color-bg);padding:1.5rem;border-radius:10px;margin-bottom:1rem;border-left:3px solid var(--color-primary);color:var(--color-text-primary)}.item h4{color:var(--color-primary);margin-bottom:.5rem}.item p{color:var(--color-text-secondary);line-height:1.6}.challenges-title{font-size:var(--font-size-section-title);margin-bottom:2rem;color:var(--color-text-primary);text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}@media (max-width: 768px){.challenges-section{padding:4rem 1.5rem}.challenges-statement{font-size:1.1rem}.challenges-list{padding:1.5rem}.challenges-subtitle{font-size:20px}.challenge-icon{font-size:1.2rem}.challenge-text{font-size:1rem}.challenges-message{font-size:1.1rem}}.final-cta{padding:6rem 2rem;background:var(--background-accent);position:relative;overflow:hidden}.final-cta-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.final-cta-content{text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.final-cta-title{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.2}.final-cta-description{font-size:1.25rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.final-cta-message{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.final-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.final-cta{padding:4rem 1.5rem}.final-cta-title{margin-bottom:1rem}.final-cta-description{font-size:1.125rem}.final-cta-message{font-size:1rem;margin-bottom:2rem}.final-cta-buttons{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.final-cta{padding:3rem 1rem}.final-cta-description,.final-cta-message{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--color-primary: #00D4FF;--color-primary-hover: #4DE6FF;--color-background: #0B0F14;--color-surface: #161D27;--color-text-primary: #E6EDF3;--color-text-secondary: #9FB0C3;--color-text-muted: #6B7280;--color-text-accent: var(--color-primary);--color-hover: #4DE6FF;--color-border: #1C2531;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-section-title: clamp(2rem, 5vw, 3rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}.atom-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm)}.atom-button--primary{background-color:var(--color-primary);color:var(--color-background)}.atom-button--primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.atom-button--secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.atom-button--secondary:hover{background-color:var(--color-border);border-color:var(--color-primary)}.atom-button--ghost{background-color:transparent;color:var(--color-text-primary)}.atom-button--ghost:hover{background-color:var(--color-surface)}.atom-button--icon{padding:var(--space-sm);border-radius:var(--radius-full);aspect-ratio:1}.atom-input{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base);width:100%}.atom-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff1a}.atom-input::placeholder{color:var(--color-text-secondary)}.atom-textarea{min-height:100px;resize:vertical}.atom-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-xs);display:block}.atom-badge{padding:var(--space-xs) var(--space-sm);background-color:var(--color-primary);color:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:inline-block}.atom-tag{padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);display:inline-block}.atom-h1{font-size:var(--font-size-5xl);font-weight:700;line-height:1.2;color:var(--color-text-primary)}.atom-h2{font-size:var(--font-size-4xl);font-weight:700;line-height:1.3;color:var(--color-text-primary)}.atom-h3{font-size:var(--font-size-3xl);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.atom-h4{font-size:var(--font-size-2xl);font-weight:600;line-height:1.4;color:var(--color-text-primary)}.atom-h5{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;color:var(--color-text-primary)}.atom-h6{font-size:var(--font-size-lg);font-weight:600;line-height:1.5;color:var(--color-text-primary)}.atom-p{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary)}.atom-text-small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.atom-icon{display:inline-flex;align-items:center;justify-content:center}.atom-icon--sm{width:16px;height:16px}.atom-icon--md{width:24px;height:24px}.atom-icon--lg{width:32px;height:32px}.atom-icon--xl{width:48px;height:48px}.atom-image{display:block;max-width:100%;height:auto}.atom-image--rounded{border-radius:var(--radius-lg)}.atom-image--circle{border-radius:var(--radius-full);aspect-ratio:1;object-fit:cover}.atom-link{color:var(--color-primary);transition:color var(--transition-base);cursor:pointer}.atom-link:hover{color:var(--color-primary-hover);text-decoration:underline}.atom-link:active{opacity:.8}.atom-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-md) 0}.atom-divider--vertical{border-top:none;border-left:1px solid var(--color-border);height:100%;margin:0 var(--space-md);display:inline-block}.molecule-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.molecule-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.molecule-card__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md)}.molecule-card__content{color:var(--color-text-secondary);line-height:1.6}.molecule-card--image{overflow:hidden;padding:0}.molecule-card--image img{width:100%;height:200px;object-fit:cover}.molecule-card--image .molecule-card__body{padding:var(--space-lg)}.molecule-form-group{margin-bottom:var(--space-lg)}.molecule-form-group__label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.molecule-form-group__input{width:100%}.molecule-form-group__error{color:#f44;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.molecule-form-group__help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.molecule-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-base);cursor:pointer}.molecule-nav-item:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.molecule-nav-item--active{background-color:var(--color-surface);color:var(--color-primary)}.molecule-nav-item__icon{width:20px;height:20px}.molecule-nav-item__text{font-size:var(--font-size-base)}.molecule-media{display:flex;gap:var(--space-md);align-items:flex-start}.molecule-media__image{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-md);object-fit:cover}.molecule-media__content{flex:1}.molecule-media__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.molecule-media__description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.molecule-search{display:flex;gap:var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);transition:all var(--transition-base)}.molecule-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff1a}.molecule-search__input{flex:1;background:transparent;border:none;color:var(--color-text-primary);padding:var(--space-sm);outline:none}.molecule-search__button{padding:var(--space-sm) var(--space-md)}.molecule-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.molecule-breadcrumb__item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.molecule-breadcrumb__item--active{color:var(--color-text-primary);font-weight:500}.molecule-breadcrumb__separator{color:var(--color-border)}.molecule-pagination{display:flex;align-items:center;gap:var(--space-sm)}.molecule-pagination__button{padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.molecule-pagination__button:hover{background-color:var(--color-border)}.molecule-pagination__button--active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.molecule-pagination__button:disabled{opacity:.5;cursor:not-allowed}.molecule-alert{padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--space-sm)}.molecule-alert--success{background-color:#22c55e1a;border-left-color:#22c55e}.molecule-alert--warning{background-color:#fbbf241a;border-left-color:#fbbf24}.molecule-alert--error{background-color:#ef44441a;border-left-color:#ef4444}.molecule-alert--info{background-color:#00d4ff1a;border-left-color:var(--color-primary)}.molecule-alert__icon{flex-shrink:0}.molecule-alert__content{flex:1}.molecule-alert__title{font-weight:600;margin-bottom:var(--space-xs)}.molecule-alert__message{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.organism-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;position:sticky;top:0;z-index:var(--z-sticky)}.organism-header__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between}.organism-header__logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.organism-header__nav{display:flex;gap:var(--space-md)}.organism-header__actions{display:flex;gap:var(--space-sm);align-items:center}.organism-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-3xl)}.organism-footer__container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.organism-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.organism-footer__column h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.organism-footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}.organism-footer__link{color:var(--color-text-secondary);transition:color var(--transition-base)}.organism-footer__link:hover{color:var(--color-primary)}.organism-footer__bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.organism-footer__copyright{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.organism-footer__social{display:flex;gap:var(--space-md)}.organism-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-lg);height:100vh;position:sticky;top:0;overflow-y:auto}.organism-sidebar__nav{display:flex;flex-direction:column;gap:var(--space-xs)}.organism-sidebar__section{margin-bottom:var(--space-xl)}.organism-sidebar__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.organism-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0}.organism-hero{padding:var(--space-3xl) 0;text-align:center}.organism-hero__title{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.organism-hero__description{font-size:var(--font-size-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl)}.organism-hero__actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.organism-features{padding:var(--space-3xl) 0}.organism-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-top:var(--space-2xl)}.organism-features__item{text-align:center;padding:var(--space-xl)}.organism-features__icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--color-primary)}.organism-features__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-md)}.organism-features__description{color:var(--color-text-secondary)}.template-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.template-container--narrow{max-width:800px}.template-container--wide{max-width:1400px}.template-container--full{max-width:none;padding:0}.template-page{min-height:100vh;display:flex;flex-direction:column}.template-page__header{flex-shrink:0}.template-page__main{flex:1;padding:var(--space-lg) 0}.template-page__footer{flex-shrink:0}.template-layout-sidebar{display:grid;grid-template-columns:250px 1fr;gap:var(--space-xl);min-height:100vh}.template-layout-sidebar__aside{position:sticky;top:0;height:100vh;overflow-y:auto}.template-layout-sidebar__main{padding:var(--space-lg)}@media (max-width: 768px){.template-layout-sidebar{grid-template-columns:1fr}.template-layout-sidebar__aside{position:relative;height:auto}}.template-grid{display:grid;gap:var(--space-lg)}.template-grid--2{grid-template-columns:repeat(2,1fr)}.template-grid--3{grid-template-columns:repeat(3,1fr)}.template-grid--4{grid-template-columns:repeat(4,1fr)}.template-grid--auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.template-grid--2,.template-grid--3,.template-grid--4{grid-template-columns:1fr}}.template-flex{display:flex}.template-flex--center{align-items:center;justify-content:center}.template-flex--between{justify-content:space-between;align-items:center}.template-flex--column{flex-direction:column}.template-flex--wrap{flex-wrap:wrap}.template-flex--gap-sm{gap:var(--space-sm)}.template-flex--gap-md{gap:var(--space-md)}.template-flex--gap-lg{gap:var(--space-lg)}.template-section{padding:var(--space-3xl) 0}.template-section--sm{padding:var(--space-xl) 0}.template-section--lg{padding:6rem 0}.template-center{display:flex;align-items:center;justify-content:center;min-height:100vh}.template-center--vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-background)}.bg-accent{background-color:var(--color-primary)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}body{margin:0;min-height:100vh}#root{min-height:100vh}