:root{--color-primary-action: #ff6b35;--color-secondary-action: #7209b7;--color-emphasis-high: #f72585;--color-text-primary: #e5e5e5;--color-text-inverse: #1a1a1a;--color-surface-primary: #0d0d0f;--color-interactive: #00b4d8;--color-accent-warm: #ff9f1c;--color-accent-cool: #2ec4b6}*{box-sizing:border-box;margin:0;padding:0}*::before,*::after{box-sizing:border-box}html{font-size:100%;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background:radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(114, 9, 183, 0.15) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(247, 37, 133, 0.1) 0%, transparent 50%),var(--color-surface-primary);color:var(--color-text-primary);font-family:system-ui,-apple-system,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(4rem,2.5rem + 7.5vw,8rem);font-weight:900}h2{font-size:clamp(3rem,2rem + 5vw,6rem);font-weight:900}h3{font-size:clamp(2rem,1.5rem + 2.5vw,3rem);font-weight:700}h4{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:700}h5{font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);font-weight:600}h6{font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:600}p{margin-bottom:1rem;max-width:70ch}a{color:var(--color-interactive);text-decoration:none;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}a:hover{color:var(--color-primary-action);text-decoration:underline;text-decoration-color:var(--color-emphasis-high);text-decoration-thickness:2px;text-underline-offset:4px}a:focus{outline:2px solid var(--color-emphasis-high);outline-offset:2px;border-radius:4px}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.25rem}img{height:auto;max-width:100%}input,textarea,select,button{font-family:inherit;font-size:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}*:focus{outline:2px solid var(--color-emphasis-high);outline-offset:2px}::selection{background-color:var(--color-emphasis-high);color:var(--color-text-inverse)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-surface-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action));border-radius:6px;border:1px solid var(--color-surface-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg, var(--color-secondary-action), var(--color-emphasis-high))}.content-panel{background:rgba(20,20,25,.9);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;margin:3rem auto;max-width:1400px;padding:3rem;position:relative}@media(min-width: 768px){.content-panel{padding:4rem}}.content-panel::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action), var(--color-emphasis-high));border-radius:24px;z-index:-1;opacity:.3}.section-header{margin-bottom:3rem;text-align:center}.section-header .section-title{font-family:"Playfair Display",serif;font-size:clamp(3rem,2rem + 5vw,6rem);font-weight:900;line-height:.9;letter-spacing:-0.02em;text-shadow:2px 2px 0 var(--color-emphasis-high);margin-bottom:1rem;background:linear-gradient(45deg, #ff6b35, #7209b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.section-header .section-subtitle{font-family:"Dancing Script",cursive;font-weight:400;font-style:italic;color:rgb(71.8,71.8,71.8);font-size:clamp(1.5rem,1.3rem + 1vw,2rem)}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.container{margin:0 auto;max-width:1400px;padding:0 1rem}@media(min-width: 768px){.container{padding:0 2rem}}@media(prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}.fixed-nav{background:rgba(20,20,25,.95);backdrop-filter:blur(12px);border-bottom:3px solid rgba(0,0,0,0);border-image:linear-gradient(90deg, var(--color-primary-action), var(--color-secondary-action), var(--color-emphasis-high)) 1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;position:fixed;top:0;left:0;right:0;z-index:100}@media(min-width: 768px){.fixed-nav{padding:1.5rem 2rem}}.nav-back{align-items:center;color:var(--color-text-primary);display:flex;font-family:"Fredoka One",cursive;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);gap:.5rem;text-decoration:none;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55),color .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.nav-back:hover{color:var(--color-primary-action);transform:translateX(-4px) scale(1.05)}.nav-back:hover .nav-arrow{animation:bounce-left .6s ease-in-out}.nav-back:focus{outline:2px solid var(--color-emphasis-high);outline-offset:2px;border-radius:4px}.nav-arrow{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:bold;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.nav-text{font-weight:400}@media(max-width: 480px){.nav-text{display:none}}.nav-title{background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:"Playfair Display",serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:900;text-align:center;position:relative}.nav-title::after{content:"✨";position:absolute;top:-5px;right:-20px;font-size:clamp(.875rem,.8rem + .35vw,1rem);animation:sparkle 2s ease-in-out infinite}@media(min-width: 768px){.nav-title{font-size:clamp(2rem,1.5rem + 2.5vw,3rem)}}@keyframes bounce-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.2) rotate(180deg)}}@media(max-width: 640px){.fixed-nav{padding:.5rem 1rem}.nav-title{font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem)}.nav-title::after{right:-15px;font-size:10px}.nav-back{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 1.5rem 3rem;position:relative;text-align:center}@media(min-width: 768px){.hero-section{padding:6rem 2rem 4rem}}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1}.hero-pattern-1{background:var(--color-primary-action);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(1px);position:absolute;top:10%;left:-10%;width:300px;height:200px;opacity:.1;animation:float-gentle 8s ease-in-out infinite 0s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}@media(min-width: 768px){.hero-pattern-1{width:500px;height:350px}}.hero-pattern-2{background:var(--color-secondary-action);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(1px);position:absolute;bottom:20%;right:-15%;width:250px;height:300px;opacity:.08;animation:float-gentle 10s ease-in-out infinite 2s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}@media(min-width: 768px){.hero-pattern-2{width:400px;height:500px}}.hero-pattern-3{background:var(--color-emphasis-high);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(1px);position:absolute;top:40%;left:70%;width:180px;height:180px;opacity:.06;animation:float-gentle 6s ease-in-out infinite 4s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}@media(min-width: 768px){.hero-pattern-3{width:300px;height:300px}}.hero-content{position:relative;z-index:1;max-width:900px}.hero-title{font-family:"Playfair Display",serif;font-weight:900;line-height:.85;margin-bottom:1.5rem;position:relative}.hero-title .title-word{display:inline-block;position:relative}.hero-title .title-word-1{background:linear-gradient(45deg, var(--color-primary-action), var(--color-emphasis-high));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:clamp(3rem,8vw,8rem);animation:title-entrance-1 1s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hero-title .title-word-1::after{content:"🎨";position:absolute;top:-10px;right:-40px;font-size:clamp(1rem,3vw,2rem);animation:icon-spin 3s ease-in-out infinite 1s}.hero-title .title-word-2{background:linear-gradient(45deg, var(--color-secondary-action), var(--color-interactive));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:clamp(2.5rem,7vw,7rem);animation:title-entrance-2 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) .3s both;margin-left:1rem}.hero-title .title-word-2::before{content:"✨";position:absolute;top:50%;left:-30px;font-size:clamp(.8rem,2vw,1.5rem);animation:sparkle-dance 2s ease-in-out infinite 2s}.hero-subtitle{font-family:"Fredoka One",cursive;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary-action);font-size:clamp(1rem,2.5vw,1.5rem);margin-bottom:2rem;animation:subtitle-entrance 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) .6s both}.hero-subtitle::before{content:"⚡";margin-right:.5rem}.hero-subtitle::after{content:"⚡";margin-left:.5rem}.hero-description{animation:description-entrance 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) .9s both}.hero-description p{font-family:"Dancing Script",cursive;font-weight:400;font-style:italic;color:var(--color-text-primary);font-size:clamp(1.1rem,2vw,1.4rem);margin:0 auto;max-width:600px;opacity:.8;line-height:1.5}@keyframes title-entrance-1{0%{opacity:0;transform:translateY(50px) scale(0.8) rotate(-5deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes title-entrance-2{0%{opacity:0;transform:translateY(-30px) scale(1.2) rotate(3deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes subtitle-entrance{0%{opacity:0;transform:translateX(-30px)}100%{opacity:1;transform:translateX(0)}}@keyframes description-entrance{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes icon-spin{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(0.9)}75%{transform:rotate(270deg) scale(1.1)}}@keyframes sparkle-dance{0%,100%{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(-5px) scale(1.2);opacity:.8}50%{transform:translateY(-2px) scale(0.9);opacity:1}75%{transform:translateY(-8px) scale(1.1);opacity:.9}}@media(max-width: 640px){.hero-section{padding:4rem 1rem 2rem}.hero-title .title-word-1::after{right:-20px;top:-5px}.hero-title .title-word-2{margin-left:.5rem}.hero-title .title-word-2::before{left:-20px}.hero-pattern-1,.hero-pattern-2,.hero-pattern-3{width:150px;height:150px}}.design-philosophy .philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:3rem}@media(min-width: 768px){.design-philosophy .philosophy-grid{grid-template-columns:repeat(3, 1fr)}}.philosophy-card{background:linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(114, 9, 183, 0.1)),var(--color-surface-primary);border:2px solid rgba(0,0,0,0);border-radius:24px;box-shadow:0 4px 16px rgba(0,0,0,.15);overflow:hidden;position:relative;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55),box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color .3s ease;padding:2rem;text-align:center;position:relative;overflow:hidden}.philosophy-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.philosophy-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.25);border-color:#f72585}.philosophy-card:hover::before{left:100%}.philosophy-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 70%, rgba(255, 107, 53, 0.05) 0%, transparent 50%),radial-gradient(circle at 70% 30%, rgba(114, 9, 183, 0.05) 0%, transparent 50%);z-index:-1;transition:transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.philosophy-card:hover::after{transform:rotate(45deg) scale(1.2)}.philosophy-card:nth-child(1){border-color:var(--color-primary-action)}.philosophy-card:nth-child(1) .card-icon{background:linear-gradient(45deg, var(--color-primary-action), var(--color-emphasis-high))}.philosophy-card:nth-child(2){border-color:var(--color-secondary-action)}.philosophy-card:nth-child(2) .card-icon{background:linear-gradient(45deg, var(--color-secondary-action), var(--color-interactive))}.philosophy-card:nth-child(3){border-color:var(--color-emphasis-high)}.philosophy-card:nth-child(3) .card-icon{background:linear-gradient(45deg, var(--color-emphasis-high), var(--color-primary-action))}.card-icon{align-items:center;border-radius:50%;display:flex;font-size:clamp(2rem,1.5rem + 2.5vw,3rem);height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);position:relative}.card-icon::before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:inherit;border-radius:50%;filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:-1}.philosophy-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.philosophy-card:hover .card-icon::before{opacity:.3}.card-title{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:900;line-height:.9;letter-spacing:-0.02em;text-shadow:2px 2px 0 var(--color-emphasis-high);color:var(--color-text-primary);margin-bottom:1rem;text-shadow:none}.philosophy-card:nth-child(1) .card-title{color:var(--color-primary-action)}.philosophy-card:nth-child(2) .card-title{color:var(--color-secondary-action)}.philosophy-card:nth-child(3) .card-title{color:var(--color-emphasis-high)}.card-description{color:var(--color-text-primary);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;opacity:.8;margin:0}.interactive-card{background:linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(114, 9, 183, 0.1)),var(--color-surface-primary);border:2px solid rgba(0,0,0,0);border-radius:24px;box-shadow:0 4px 16px rgba(0,0,0,.15);overflow:hidden;position:relative;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55),box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),border-color .3s ease;padding:2rem;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer}.interactive-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.interactive-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.25);border-color:#f72585}.interactive-card:hover::before{left:100%}.interactive-card .card-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--color-primary-action), var(--color-secondary-action));opacity:0;transition:opacity .3s ease;border-radius:inherit}.interactive-card .card-content{position:relative;z-index:2;text-align:center}.interactive-card .card-content h4{font-family:"Fredoka One",cursive;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);margin-bottom:.5rem;transition:color .3s ease}.interactive-card .card-content p{color:var(--color-text-primary);opacity:.7;margin:0;transition:color .3s ease}.interactive-card .card-overlay{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);border-radius:50%;transform:translate(-50%, -50%);transition:all .5s cubic-bezier(0.87, 0, 0.13, 1);pointer-events:none}.interactive-card:hover .card-background{opacity:.9}.interactive-card:hover .card-content h4,.interactive-card:hover .card-content p{color:var(--color-text-inverse)}.interactive-card:hover .card-overlay{width:300px;height:300px}.color-palette{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.palette-color{width:60px;height:60px;border-radius:50%;background:var(--color);border:3px solid var(--color-text-inverse);cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.palette-color::before{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:clamp(.75rem,.7rem + .25vw,.875rem);color:var(--color-text-primary);white-space:nowrap;opacity:0;transition:opacity .3s ease}.palette-color:hover{transform:scale(1.2) translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.palette-color:hover::before{opacity:1}@media(min-width: 768px){.palette-color{width:80px;height:80px}}@media(max-width: 768px){.philosophy-grid{grid-template-columns:1fr;gap:1.5rem}.philosophy-card{padding:1.5rem}.card-icon{height:60px;width:60px;font-size:clamp(1.5rem,1.3rem + 1vw,2rem)}.interactive-card{padding:1.5rem;min-height:150px}.palette-color{width:50px;height:50px}}.techniques-section .techniques-flow{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.technique-item{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;position:relative}.technique-item:not(:last-child)::after{content:"";position:absolute;bottom:-2rem;left:40px;width:2px;height:2rem;background:linear-gradient(to bottom, var(--color-primary-action), transparent)}@media(min-width: 768px){.technique-item{grid-template-columns:100px 1fr auto;gap:3rem}}.technique-number{font-family:"Fredoka One",cursive;font-weight:400;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action));border:3px solid var(--color-emphasis-high);border-radius:50%;color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);height:80px;width:80px;position:relative;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.technique-number::before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:linear-gradient(45deg, var(--color-emphasis-high), var(--color-primary-action));border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.technique-item:hover .technique-number{transform:scale(1.1) rotate(10deg)}.technique-item:hover .technique-number::before{opacity:.3}.technique-content{min-width:0}.technique-title{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:900;line-height:.9;letter-spacing:-0.02em;text-shadow:2px 2px 0 var(--color-emphasis-high);color:var(--color-secondary-action);margin-bottom:.5rem;text-shadow:none}.technique-description{color:var(--color-text-primary);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;margin:0;opacity:.8}.technique-demo{width:100px;height:60px;border-radius:16px;position:relative;overflow:hidden}@media(min-width: 480px){.technique-demo{width:120px;height:80px}}.hierarchy-demo{background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action))}.hierarchy-demo::before,.hierarchy-demo::after{content:"";position:absolute;background:var(--color-text-inverse);border-radius:4px}.hierarchy-demo::before{top:10px;left:10px;width:30px;height:4px;animation:hierarchy-1 2s ease-in-out infinite}.hierarchy-demo::after{bottom:10px;right:10px;width:20px;height:3px;animation:hierarchy-2 2s ease-in-out infinite .5s}.color-demo{background:var(--color-primary-action);animation:color-shift 3s ease-in-out infinite}.typography-demo{background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center}.typography-demo::before{content:"Aa";font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);color:var(--color-text-primary);animation:type-scale 2s ease-in-out infinite}.texture-demo{background:repeating-linear-gradient(45deg, var(--color-primary-action), var(--color-primary-action) 2px, var(--color-secondary-action) 2px, var(--color-secondary-action) 4px);animation:texture-move 3s linear infinite}.interactive-showcase .showcase-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:3rem;align-items:center;justify-items:center}@media(min-width: 768px){.interactive-showcase .showcase-grid{grid-template-columns:repeat(3, 1fr)}}.showcase-item{display:flex;align-items:center;justify-content:center;min-height:150px;width:100%}.maximalist-button{background:linear-gradient(45deg, #ff6b35, #7209b7);border:3px solid #f72585;border-radius:16px;color:#fff;font-family:"Fredoka One",cursive;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);padding:1rem 2rem;position:relative;transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55),box-shadow .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;overflow:hidden}.maximalist-button::before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg, #ff9f1c, #2ec4b6);border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s ease}.maximalist-button:hover{transform:scale(1.05) rotate(1deg);box-shadow:0 4px 12px rgba(255,107,53,.3),0 8px 24px rgba(114,9,183,.2)}.maximalist-button:hover::before{opacity:1}.maximalist-button:active{transform:scale(0.98) rotate(-0.5deg)}.maximalist-button .button-text{position:relative;z-index:2}.maximalist-button .button-decoration{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);border-radius:50%;transform:translate(-50%, -50%);transition:all .5s cubic-bezier(0.87, 0, 0.13, 1);z-index:1}.maximalist-button:hover .button-decoration{width:200px;height:200px}@keyframes hierarchy-1{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(5px) scaleX(1.2)}}@keyframes hierarchy-2{0%,100%{transform:translateX(0) scaleX(1)}50%{transform:translateX(-3px) scaleX(0.8)}}@keyframes color-shift{0%{background:var(--color-primary-action)}25%{background:var(--color-secondary-action)}50%{background:var(--color-emphasis-high)}75%{background:var(--color-interactive)}100%{background:var(--color-primary-action)}}@keyframes type-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes texture-move{0%{background-position:0 0}100%{background-position:20px 20px}}.floating-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;overflow:hidden}.floating-element{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.03}.floating-element.pattern-1{top:10%;left:5%;width:60px;height:80px;background:var(--color-primary-action);animation:float-gentle 12s ease-in-out infinite 0s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}.floating-element.pattern-2{top:70%;right:10%;width:40px;height:60px;background:var(--color-secondary-action);animation:float-gentle 15s ease-in-out infinite 3s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}.floating-element.pattern-3{top:30%;left:80%;width:50px;height:50px;background:var(--color-emphasis-high);animation:float-gentle 10s ease-in-out infinite 6s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}.floating-element.pattern-4{bottom:20%;left:20%;width:35px;height:70px;background:var(--color-interactive);animation:float-gentle 18s ease-in-out infinite 2s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}.floating-element.pattern-5{top:50%;right:30%;width:45px;height:45px;background:var(--color-primary-action);animation:float-gentle 14s ease-in-out infinite 8s}@keyframes float-gentle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-0.5deg)}75%{transform:translateY(-15px) rotate(0.5deg)}}@media(max-width: 768px){.technique-item{grid-template-columns:auto 1fr;gap:1.5rem}.technique-item:not(:last-child)::after{left:30px}.technique-number{height:60px;width:60px;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem)}.technique-demo{display:none}.showcase-grid{grid-template-columns:1fr;gap:1.5rem}.floating-element{display:none}}.key-elements .elements-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin-top:3rem}@media(min-width: 768px){.key-elements .elements-grid{grid-template-columns:repeat(2, 1fr);gap:3rem}}.element-category{background:rgba(25,25,30,.8);border:2px solid rgba(0,0,0,0);border-radius:16px;padding:2rem;position:relative;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);background-clip:padding-box}.element-category::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action), var(--color-emphasis-high));border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s ease}.element-category:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.element-category:hover::before{opacity:1}.category-title{font-family:"Playfair Display",serif;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);font-weight:900;line-height:.9;letter-spacing:-0.02em;text-shadow:2px 2px 0 var(--color-emphasis-high);color:var(--color-secondary-action);margin-bottom:1.5rem;text-shadow:none;position:relative}.category-title::after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg, var(--color-primary-action), var(--color-emphasis-high));border-radius:2px}.element-list{list-style:none;padding:0;margin:0}.element-list li{align-items:center;color:var(--color-text-primary);display:flex;font-size:clamp(1rem,.95rem + .25vw,1.125rem);gap:.5rem;margin-bottom:.5rem;opacity:.8;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.element-list li:hover{opacity:1;transform:translateX(4px);color:var(--color-primary-action)}.element-list li::before{content:"";flex-shrink:0}.tools-resources .resources-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:3rem}@media(min-width: 768px){.tools-resources .resources-grid{grid-template-columns:repeat(2, 1fr);gap:2rem 3rem}}@media(min-width: 1024px){.tools-resources .resources-grid{grid-template-columns:repeat(4, 1fr)}}.resource-category{background:rgba(25,25,30,.9);border-radius:16px;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);border:1px solid hsla(0,0%,100%,.1)}.resource-category::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--color-primary-action), var(--color-secondary-action));border-radius:16px 16px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.resource-category:hover{transform:translateY(-6px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.resource-category:hover::before{transform:scaleX(1)}.resource-category:hover .resource-icon{animation:icon-bounce .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.resource-title{font-family:"Fredoka One",cursive;font-weight:400;text-transform:uppercase;letter-spacing:.05em;align-items:center;color:var(--color-text-primary);display:flex;font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);gap:.5rem;margin-bottom:1.5rem}.resource-icon{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);transition:transform .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.resource-list{list-style:none;margin:0;padding:0}.resource-list li{color:var(--color-text-primary);font-size:clamp(.875rem,.8rem + .35vw,1rem);margin-bottom:.25rem;opacity:.7;padding-left:1rem;position:relative;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.resource-list li::before{content:"▸";color:var(--color-primary-action);font-size:clamp(.75rem,.7rem + .25vw,.875rem);left:0;position:absolute;top:0;transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.resource-list li:hover{opacity:1;transform:translateX(2px)}.resource-list li:hover::before{color:var(--color-emphasis-high);transform:translateX(2px) scale(1.2)}.site-footer{background:linear-gradient(135deg, rgba(255, 107, 53, 0.15), rgba(114, 9, 183, 0.15)),var(--color-surface-primary);border-top:3px solid rgba(0,0,0,0);border-image:linear-gradient(90deg, var(--color-primary-action), var(--color-secondary-action), var(--color-emphasis-high)) 1;margin-top:6rem;padding:3rem 1.5rem}@media(min-width: 768px){.site-footer{padding:4rem 2rem}}.footer-content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;text-align:center}@media(min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;text-align:left}}.footer-brand h3{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:900;line-height:.9;letter-spacing:-0.02em;text-shadow:2px 2px 0 var(--color-emphasis-high);background:linear-gradient(45deg, var(--color-primary-action), var(--color-secondary-action));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem;text-shadow:none}.footer-brand p{font-family:"Dancing Script",cursive;font-weight:400;font-style:italic;color:var(--color-text-primary);font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin:0;opacity:.7}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-family:"Fredoka One",cursive;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-size:clamp(.875rem,.8rem + .35vw,1rem);opacity:.8;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.footer-links a:hover{opacity:1;color:var(--color-primary-action);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(0,0,0,.1);margin-top:2rem;padding-top:1.5rem;text-align:center}.footer-bottom p{color:var(--color-text-primary);font-size:clamp(.75rem,.7rem + .25vw,.875rem);margin:0;opacity:.6}@keyframes icon-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}}@media(max-width: 768px){.elements-grid{grid-template-columns:1fr;gap:1.5rem}.element-category{padding:1.5rem}.resources-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem}.resource-category{padding:1rem}.resource-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}.resource-list li{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}}@media(max-width: 480px){.resources-grid{grid-template-columns:1fr}.footer-content{gap:1.5rem}.footer-links{flex-direction:column;gap:.5rem}}/*# sourceMappingURL=maximalism.css.map */