button{cursor:pointer;padding:1rem}h2{font-size:2rem}.mb{margin-bottom:2rem}.zutaten-hero{position:relative;overflow:hidden;padding-block:var(--space-24,6rem) var(--space-12,3rem);border-bottom:var(--border-width-thin) solid var(--border-default,rgba(0,0,0,.1))}.zutaten-hero:after{content:"";position:absolute;top:-25%;right:-10%;width:40rem;height:40rem;background:radial-gradient(circle,rgba(198,154,74,.08),transparent 60%);pointer-events:none;z-index:0}.zutaten-hero .mkt-container{position:relative;z-index:1}.zutaten-hero__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);margin-bottom:var(--space-10);border-bottom:var(--border-width-thin) solid var(--border-subtle,rgba(0,0,0,.08))}.zutaten-hero__edition{font-size:var(--fs-2xs);color:var(--fg-subtle,#666)}.zutaten-hero__edition,.zutaten-hero__eyebrow{font-family:var(--font-mono);letter-spacing:var(--ls-widest);text-transform:uppercase}.zutaten-hero__eyebrow{font-size:var(--fs-xs);color:var(--fg-accent-deep,#9a7a2e);margin:0 0 var(--space-6)}.zutaten-hero__title{font-family:var(--font-display);font-size:var(--fs-fluid-h1);font-weight:var(--fw-regular);line-height:1.02;letter-spacing:-.015em;color:var(--fg-default);margin:0 0 var(--space-6);text-wrap:balance;max-width:22ch;-webkit-padding-start:.06em;padding-inline-start:.06em;-webkit-margin-start:-.06em;margin-inline-start:-.06em}.zutaten-hero__title em{font-style:italic;color:var(--fg-accent,#b08a3e);font-weight:var(--fw-regular)}.zutaten-hero__lede{font-family:var(--font-serif);font-size:var(--fs-fluid-lede);font-style:italic;line-height:var(--lh-relaxed,1.55);color:var(--fg-muted,#555);margin:0;max-width:50ch}.zutaten-hero-plate{margin:0}.zutaten-hero-plate__inner{max-width:56rem;gap:var(--space-3)}.zutaten-hero-plate picture{max-width:56rem}.zutaten-hero-plate img{border-radius:var(--radius-md,.5rem);box-shadow:0 24px 60px -24px rgba(0,0,0,.45)}.zutaten-hero-plate figcaption{margin-top:var(--space-3)}.zutaten-section{margin:0}.zutaten-section-head{display:flex;align-items:baseline;gap:var(--space-5,1.25rem);margin-bottom:var(--space-5,1.25rem);flex-wrap:wrap}.zutaten-section-serial{font-family:var(--font-display);font-style:italic;font-weight:var(--fw-regular);font-size:var(--fs-md,1rem);color:var(--fg-accent,#b08a3e);letter-spacing:.02em;white-space:nowrap}.zutaten-section-title{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:var(--fw-medium,500);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--fg-muted,#666);padding-left:var(--space-4,1rem);border-left:var(--border-width-thin) solid var(--border-default,rgba(0,0,0,.15))}.zutaten-section-divider{border:0;border-top:var(--border-width-thin) solid var(--border-default,rgba(0,0,0,.12));margin:0 0 var(--space-8,2rem);opacity:1}.zutaten-section-heading{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:-.015em;margin:0 0 var(--space-10,2.5rem);color:var(--fg-default);text-wrap:balance;max-width:28ch}.zutaten-section-heading em{font-style:italic;color:var(--fg-accent,#b08a3e);font-weight:var(--fw-regular)}@media (max-width:40em){.zutaten-hero{padding-block:var(--space-16,4rem) var(--space-8,2rem)}.zutaten-hero__row{margin-bottom:var(--space-6)}.zutaten-hero-plate{padding-block:var(--space-6) var(--space-10)}}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.color-card{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}.color-swatch{height:6rem}.color-info{background:var(--bg-paper-2);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.15rem}.color-name{font-weight:700;font-size:.9rem;color:var(--txt-color-black)}.color-var{color:#888}.color-hex,.color-var{font-size:.75rem;font-family:monospace}.color-hex{color:#555}@media (max-width:700px){.color-grid{grid-template-columns:repeat(2,1fr)}}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.font-card{background:var(--background-black);border-radius:.75rem;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.font-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.25)}.font-card-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--primary-color)}.font-card-desc{font-size:.7rem;color:#666;letter-spacing:.05em}.font-card-sample{font-size:2rem;margin:0;color:var(--txt-color-white);line-height:1.2}.font-card-sub{font-size:.95rem;color:#aaa;margin:0}@media (max-width:900px){.font-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.font-grid{grid-template-columns:1fr}}.buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.buttons-group{margin-bottom:3rem}.buttons-group-title{font-size:1.1rem;font-weight:600;color:var(--txt-color-black);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}.divs-container{margin-bottom:4rem}.round-corner{border-radius:.4rem}.color-flip{color:var(--primary-color);background-color:var(--secondary-color)}.color-flip:hover{color:var(--secondary-color);background-color:var(--primary-color);border:none}.grow-button:hover{transform:scale(1.5)}.grow-text:hover{font-size:1.5rem;padding:.5rem}.w-ease{transition:transform .65s ease}.w-ease-txt{transition:font-size .65s ease,padding .65s ease}.fancy-hover{position:relative;color:var(--primary-color);border:2px solid var(--primary-color);background:transparent;border-radius:3.4rem;transition:all .3s cubic-bezier(.23,1,.32,1);overflow:hidden}.fancy-hover:before{content:"";position:absolute;inset:0;margin:auto;border-radius:inherit;scale:0;z-index:-1;background-color:var(--primary-color);transition:all .6s cubic-bezier(.23,1,.32,1)}.fancy-hover:hover:before{scale:3}.fancy-hover:hover{color:black;scale:1.1;box-shadow:0 0 20px var(--primary-color)}@media (hover:hover){.fancy-hover:active{scale:1}}.fancy-hover-1{outline:none;cursor:pointer;border:none;padding:.9rem 2rem;margin:0;font-family:inherit;font-size:inherit;position:relative;display:inline-block;letter-spacing:.05rem;font-weight:700;font-size:17px;border-radius:500px;overflow:hidden;background:var(--secondary-color);color:var(--background-dark)}.fancy-hover-1 span{position:relative;z-index:10;transition:color .4s}.fancy-hover-1:hover span{color:var(--primary-color)}.fancy-hover-1:after,.fancy-hover-1:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.fancy-hover-1:before{content:"";background:var(--bg-paper);width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.fancy-hover-1:hover:before{transform:translate3d(100%,0,0)}.glitch,.glitch:after{padding:16px 20px;font-size:18px;background:linear-gradient(45deg,transparent 5%,var(--secondary-color) 5%);border:0;color:var(--ink);letter-spacing:3px;line-height:1;box-shadow:6px 0 0 var(--primary-color);outline:transparent;position:relative}.glitch:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"HOVER ME";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#ff013c 0);text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0)}.glitch.glitch-play:after,.glitch:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(0)}}.jelly{position:relative;width:150px;height:55px;border-radius:45px;border:none;background-color:var(--secondary-color);color:var(--ink);box-shadow:inset 0 10px 10px #bd5c5e,0 5px 10px rgba(5,5,5,.212),inset 0 -10px 10px #3f1415;cursor:pointer;display:flex;align-items:center;justify-content:center}.jelly:before{top:7px}.jelly:after,.jelly:before{width:70%;height:2px;position:absolute;background-color:var(--primary-color);content:"";filter:blur(1px);border-radius:50%}.jelly:after{bottom:7px}.jelly.jelly-play,.jelly:hover{animation:jelly-effect .9s both}@keyframes jelly-effect{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.spin{position:relative;width:140px;height:44px;background-color:var(--bg-paper);display:inline-flex;align-items:center;color:var(--ink);justify-content:center;border:none;padding:12px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.85rem;letter-spacing:.04em;isolation:isolate;overflow:visible}.spin:before{inset:-2px;z-index:-1;border-radius:12px;background:conic-gradient(from 0deg,var(--secondary-color),var(--primary-color),var(--secondary-color),var(--primary-color),var(--secondary-color));animation:spin-border-rotate 3s linear infinite}.spin:after,.spin:before{content:"";position:absolute;pointer-events:none}.spin:after{inset:-4px;z-index:-2;border-radius:14px;background:linear-gradient(-45deg,var(--secondary-color) 0,var(--primary-color) 100%);filter:blur(10px);opacity:.55}.spin:hover:after{opacity:.8}@keyframes spin-border-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin:before{animation:none}}.fancy-hover-2{--color:var(--secondary-color);padding:.8em 1.7em;background-color:initial;border-radius:.3em;position:relative;overflow:hidden;cursor:pointer;transition:.5s;font-weight:400;font-size:17px;border:1px solid var(--color);font-family:inherit;text-transform:uppercase;color:#FFFFFF;z-index:1}.fancy-hover-2:after,.fancy-hover-2:before{content:"";display:block;width:50px;height:50px;transform:translate(-50%,-50%);position:absolute;border-radius:50%;z-index:-1;background-color:var(--color);transition:1s ease}.fancy-hover-2:before{top:-1em;left:-1em}.fancy-hover-2:after{left:calc(100% + 1em);top:calc(100% + 1em)}.fancy-hover-2:hover:after,.fancy-hover-2:hover:before{height:410px;width:410px}.fancy-hover-2:hover{color:#FFFFFF}.fancy-hover-2:active{filter:brightness(.8)}.divs-container{margin-top:2rem}.row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.col{width:10rem;height:10rem;background-size:cover;background-position:50%}.col-1{background-image:url(/div-imgs/div-1.webp)}.col-2{background-image:url(/div-imgs/div-2.webp);border-radius:50%}.col-3{background-image:url(/div-imgs/div-3.webp);border-radius:25% 25%}.col-3:hover{background-image:url(/div-imgs/div-1.webp)}.col-4{background-image:url(/div-imgs/div-4.webp);-webkit-clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);aspect-ratio:1/cos(30deg);height:10rem;width:auto}.col-5{width:min(20rem,100%);background-image:url(/div-imgs/div-5.webp)}.col-6{background-image:url(/div-imgs/div-6.webp);transform:skew(20deg);aspect-ratio:1/.5;width:min(15rem,100%)}@media (max-width:750px){.buttons,.row{grid-template-columns:repeat(2,1fr)}}@media (max-width:490px){.buttons,.row{grid-template-columns:1fr}}.catalog-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:start}.c-card{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.c-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.2)}.c-card-info{background:var(--bg-paper-2);padding:2rem;border-top:4px solid var(--primary-color)}.c-card-info-icon{width:3.2rem;height:3.2rem;background:linear-gradient(135deg,var(--primary-color),#f0c940);border-radius:.75rem;margin-bottom:1.2rem;box-shadow:0 4px 12px rgba(226,176,7,.3)}.c-card-title{font-size:1.1rem;font-weight:700;color:var(--txt-color-black);margin:0 0 .5rem}.c-card-text{font-size:.9rem;color:#666;margin:0;line-height:1.5}.c-card-image-top{height:11rem;background:radial-gradient(circle at 30% 40%,rgba(226,176,7,.15) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(126,41,44,.3) 0,transparent 50%),linear-gradient(135deg,var(--background-black),var(--secondary-color));position:relative}.c-card-body{background:var(--bg-paper-2);padding:1.5rem}.c-card-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-color);font-weight:700}.c-card-btn{margin-top:auto;background:var(--primary-color);border:none;padding:.55rem 1.4rem;border-radius:.35rem;cursor:pointer;font-weight:600;font-size:.85rem;display:inline-block;transition:background .2s ease,transform .2s ease}.c-card-btn:hover{background:#c89a06;transform:translateY(-1px)}.c-card-stats{background:radial-gradient(circle at 20% 80%,rgba(226,176,7,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(126,41,44,.1) 0,transparent 50%),var(--background-black);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100%;position:relative;overflow:hidden}.c-card-stats:before{content:"";position:absolute;top:-2rem;right:-2rem;width:8rem;height:8rem;border:2px solid rgba(226,176,7,.1);border-radius:50%}.c-stat-number{font-size:3.8rem;font-weight:700;color:var(--primary-color);line-height:1;text-shadow:0 2px 20px rgba(226,176,7,.3)}.c-stat-label{font-size:.75rem;color:#bbb;text-transform:uppercase;letter-spacing:.15em;text-align:center}.c-card-pricing{background:var(--bg-paper-2);padding:2rem;text-align:center;border:2px solid var(--primary-color)}.c-card-pricing.featured{background:var(--background-black);color:var(--ink)}.c-plan-name{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .5rem}.c-plan-name,.c-price{font-weight:700;color:var(--primary-color)}.c-price{font-size:3rem;line-height:1}.c-price-period{font-size:.8rem;color:#666;margin-bottom:1rem;display:block}.c-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left;display:flex;flex-direction:column;gap:.75rem;font-size:.9rem;color:var(--txt-color-black)}.c-features li{display:flex;align-items:center;gap:.5rem}.c-features li:before{content:"✓";color:var(--primary-color);font-weight:700;font-size:1rem;flex-shrink:0}.c-card-testimonial{background:radial-gradient(circle at 100% 0,rgba(226,176,7,.1) 0,transparent 40%),var(--secondary-color);padding:2rem;color:var(--ink);display:flex;flex-direction:column;gap:1.5rem;position:relative}.c-card-testimonial:before{content:'"';position:absolute;top:.5rem;right:1.5rem;font-size:5rem;color:rgba(226,176,7,.15);font-family:Georgia,serif;line-height:1}.c-quote{font-size:1.05rem;font-style:italic;margin:0 0 1.5rem;line-height:1.6}.c-author{gap:1rem}.c-author,.c-avatar{display:flex;align-items:center}.c-avatar{width:2.8rem;height:2.8rem;border-radius:50%;background:var(--primary-color);justify-content:center;font-weight:700;color:var(--ink);font-size:.85rem;flex-shrink:0}.c-author-name{font-weight:700;font-size:.9rem;display:block}.c-author-role{font-size:.75rem;opacity:.7;display:block}.c-card-horizontal{grid-column:span 2;display:grid;grid-template-columns:12rem 1fr;overflow:hidden;background:var(--bg-paper-2)}.c-card-horizontal-img{background:radial-gradient(circle at 30% 70%,rgba(26,24,21,.1) 0,transparent 50%),linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.c-card-horizontal-body{padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (max-width:900px){.catalog-cards-grid{grid-template-columns:repeat(2,1fr)}.c-card-horizontal{grid-column:span 2;grid-template-columns:1fr}.c-card-horizontal-img{height:8rem}}@media (max-width:600px){.catalog-cards-grid{grid-template-columns:1fr}.c-card-horizontal{grid-column:span 1}}.badges-section{display:flex;flex-direction:column;gap:1.5rem}.badges-row-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:.5rem}.badges-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.badge{padding:.3rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;cursor:default}.badge-gold{background:var(--primary-color);color:var(--ink)}.badge-red{background:var(--secondary-color);color:var(--ink)}.badge-dark{background:var(--background-black);color:var(--ink)}.badge-light{background:var(--background-dark);color:var(--txt-color-black)}.badge-green{background:#2a9d2a;color:var(--ink)}.badge-blue{background:#3b9de0;color:var(--ink)}.badge-outline-gold{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.badge-outline-red{border:2px solid var(--secondary-color);color:var(--secondary-color);background:transparent}.badge-outline-dark{border:2px solid var(--ink);color:var(--ink);background:transparent}.badge-dot:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;flex-shrink:0}.badge-tag{background:#f0f0f0;color:#555;border-radius:.3rem;padding:.3rem .8rem;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s}.badge-tag:hover{background:var(--primary-color);color:var(--ink)}.badge-notification{background:var(--secondary-color);color:#ffffff;border-radius:50%;min-width:1.5rem;height:1.5rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.15)}.form-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;background:var(--bg-paper-2);padding:2rem;border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.form-field-group{display:flex;flex-direction:column;gap:.4rem}.form-label-showcase{font-size:.85rem;font-weight:600;color:var(--txt-color-black)}.form-input-showcase{padding:.65rem .9rem;border:2px solid #ddd;border-radius:.4rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:inherit}.form-input-showcase:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(226,176,7,.15)}.form-input-error{border-color:var(--secondary-color)!important}.form-input-success{border-color:#2a9d2a!important}.form-hint{font-size:.75rem;color:#888}.form-error-msg{font-size:.75rem;color:var(--secondary-color)}.form-success-msg{font-size:.75rem;color:#2a9d2a}.toggle-wrap{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--txt-color-black)}.toggle{position:relative;width:3rem;height:1.6rem;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#ccc;border-radius:999px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--bg-paper-2);left:.2rem;top:.2rem;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.toggle input:checked+.toggle-slider{background:var(--primary-color)}.toggle input:checked+.toggle-slider:before{transform:translateX(1.4rem)}.range-showcase{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;cursor:pointer}.range-showcase::-webkit-slider-thumb{-webkit-appearance:none;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}.checkbox-group{display:flex;flex-direction:column;gap:.6rem}.checkbox-item{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--txt-color-black);cursor:pointer}.checkbox-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color);cursor:pointer}.radio-group{display:flex;flex-direction:column;gap:.6rem}.radio-item{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--txt-color-black);cursor:pointer}.radio-item input[type=radio]{accent-color:var(--primary-color);cursor:pointer}@media (max-width:700px){.form-showcase-grid{grid-template-columns:1fr}}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-item{padding:1rem 1.25rem;border-radius:.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5}.alert-dot{width:.6rem;height:.6rem;border-radius:50%;margin-top:.3rem;flex-shrink:0}.alert-info{background:#e8f4fd;border-left:4px solid #3b9de0;color:#1a5c8a}.alert-info .alert-dot{background:#3b9de0}.alert-success{background:#e8f7e8;border-left:4px solid #2a9d2a;color:#1a6b1a}.alert-success .alert-dot{background:#2a9d2a}.alert-warning{background:#fef7e0;border-left:4px solid var(--primary-color);color:#7a5800}.alert-warning .alert-dot{background:var(--primary-color)}.alert-error{background:#fde8e8;border-left:4px solid var(--secondary-color);color:var(--secondary-color)}.alert-error .alert-dot{background:var(--secondary-color)}.alert-title{font-weight:700;display:block;margin-bottom:.2rem}.loaders-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.loader-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;background:var(--background-black);border-radius:.75rem}.loader-label{font-size:.7rem;color:#aaa;text-align:center;text-transform:uppercase;letter-spacing:.1em}.spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(226,176,7,.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:cat-spin .8s linear infinite}@keyframes cat-spin{to{transform:rotate(1turn)}}.loader-dots{display:flex;gap:.4rem;align-items:center}.loader-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--primary-color);animation:dot-bounce 1.2s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loader-bar-wrap{width:100%;height:4px;background:rgba(226,176,7,.2);border-radius:2px;overflow:hidden}.loader-bar-inner{height:100%;background:var(--primary-color);border-radius:2px;animation:bar-slide 1.5s ease-in-out infinite}@keyframes bar-slide{0%{width:0;margin-left:0}50%{width:60%;margin-left:10%}to{width:0;margin-left:100%}}.loader-pulse{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--secondary-color);animation:cat-pulse 1.5s ease-in-out infinite}@keyframes cat-pulse{0%,to{transform:scale(.9);opacity:.7;box-shadow:0 0 0 0 rgba(126,41,44,.4)}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 0 10px rgba(126,41,44,0)}}.skeleton-card{background:var(--bg-paper-2);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);grid-column:span 4;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.skeleton-item{display:flex;flex-direction:column;gap:.6rem}.skeleton-line{height:.75rem}.skeleton-img-ph,.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.4rem}.skeleton-img-ph{height:6rem;margin-bottom:.6rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:700px){.loaders-grid{grid-template-columns:repeat(2,1fr)}.skeleton-card{grid-column:span 2;grid-template-columns:1fr}}@media (max-width:420px){.loaders-grid{grid-template-columns:1fr}.skeleton-card{grid-column:span 1}}.bg-patterns-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.bg-pattern-card{border-radius:.75rem;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}.bg-pattern-preview{height:10rem}.bg-pattern-label{background:var(--background-black);color:#aaa;padding:.75rem 1rem;font-size:.75rem;font-family:monospace}@media (max-width:900px){.bg-patterns-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bg-patterns-grid{grid-template-columns:1fr}}.table-wrap{background:var(--bg-paper-2);border-radius:.75rem;overflow-x:auto;box-shadow:0 4px 20px rgba(0,0,0,.08)}.table-showcase{width:100%;border-collapse:collapse;font-size:.9rem}.table-showcase th{background:var(--background-black);color:var(--primary-color);padding:.9rem 1.25rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.table-showcase td{padding:.85rem 1.25rem;border-bottom:1px solid #f0f0f0;color:var(--txt-color-black)}.table-showcase tr:hover td{background:#fafafa}.table-showcase tr:last-child td{border-bottom:none}.table-status{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.table-status-done{background:#e8f7e8;color:#1a6b1a}.table-status-pending{background:#fef7e0;color:#7a5800}.table-status-open{background:#fde8e8;color:var(--burgundy)}.shapes-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2.5rem 1.5rem;gap:2.5rem 1.5rem;align-items:center;justify-items:center}.shape-item{display:flex;flex-direction:column;align-items:center;gap:.85rem}.shape{width:7rem;height:7rem;transition:transform .3s ease,filter .3s ease}.shape-item:hover .shape{transform:scale(1.15) rotate(5deg);filter:brightness(1.1)}.shape-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#888;text-align:center}@media (max-width:900px){.shapes-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:550px){.shapes-grid{grid-template-columns:repeat(3,1fr)}}.form-designs-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.form-design-dark{background:var(--background-black);padding:2.5rem;border-radius:.75rem;display:flex;flex-direction:column;gap:1.5rem}.form-design-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--primary-color);margin:0;font-weight:700}.form-design-title{font-size:1.5rem;color:var(--ink);margin:0;font-weight:700}.form-dark-field{position:relative}.form-dark-input{width:100%;box-sizing:border-box;background:transparent;border:none;border-bottom:1px solid rgba(26,24,21,.2);color:var(--ink);font-size:1rem;padding:.75rem 0;font-family:inherit;transition:border-color .2s;resize:none}.form-dark-input:focus{outline:none;border-bottom-color:var(--primary-color)}.form-dark-label{position:absolute;top:.75rem;left:0;font-size:.9rem;color:rgba(26,24,21,.4);pointer-events:none;transition:top .2s,font-size .2s,color .2s}.form-dark-input:focus+.form-dark-label,.form-dark-input:not(:placeholder-shown)+.form-dark-label{top:-1rem;font-size:.7rem;color:var(--primary-color);letter-spacing:.1em;text-transform:uppercase}.form-dark-textarea{min-height:5rem}.form-dark-btn{background:var(--primary-color);color:var(--ink);border:none;padding:.85rem 2rem;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:.35rem;cursor:pointer;align-self:flex-start;transition:background .2s,transform .15s}.form-dark-btn:hover{background:#f5c420;transform:translateY(-2px)}.form-design-light{background:var(--bg-paper-2);padding:2.5rem;border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.25rem}.form-design-light .form-design-title{color:var(--txt-color-black)}.form-light-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-light-field{display:flex;flex-direction:column;gap:.35rem}.form-light-label{font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.08em}.form-light-input{padding:.7rem 1rem;border:1.5px solid #e0e0e0;border-radius:.5rem;font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;background:#fafafa;color:var(--txt-color-black);resize:none}.form-light-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-paper-2);box-shadow:0 0 0 3px rgba(226,176,7,.12)}.form-light-toggle-row{display:flex;align-items:center;gap:.75rem}.form-light-toggle-txt{font-size:.8rem;color:#777}.form-light-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--ink);border:none;padding:.9rem;font-size:1rem;font-weight:700;border-radius:.5rem;cursor:pointer;letter-spacing:.03em;transition:opacity .2s,transform .15s}.form-light-btn:hover{opacity:.9;transform:translateY(-2px)}@media (max-width:800px){.form-designs-grid,.form-light-row{grid-template-columns:1fr}}.color-catalog{display:flex;flex-direction:column;gap:2.5rem}.color-preview-wrap{position:relative;height:18rem;border-radius:1rem;box-shadow:0 8px 40px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:background .35s ease;overflow:hidden}.color-preview-wrap--empty:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0) 0,rgba(0,0,0,.35) 85%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 4px);pointer-events:none}.color-preview-wrap--empty .color-preview-hint{position:relative;z-index:1;padding:.9rem 1.6rem;background:rgba(20,17,13,.78);color:#f6f1e8;border:1px solid rgba(246,241,232,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;font-family:var(--font-mono,ui-monospace,monospace);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 8px 24px rgba(0,0,0,.35)}.color-preview-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.color-preview-name{font-size:2rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3)}.color-preview-hex{font-family:monospace;font-size:1.1rem;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.4);background:rgba(0,0,0,.15);padding:.2rem .8rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.color-preview-effect{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;opacity:.7;text-shadow:0 1px 4px rgba(0,0,0,.4)}.color-preview-hint{font-size:1rem;letter-spacing:.05em}.color-step{display:flex;flex-direction:column;gap:1rem}.color-step-header{display:flex;align-items:center;gap:.75rem}.color-step-number{width:2rem;height:2rem;border-radius:50%;background:var(--primary-color);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.color-step-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--txt-color-black)}.color-selected-label{font-size:.85rem;color:var(--primary-color);font-weight:600;margin-left:auto}.color-families-grid{display:flex;flex-wrap:wrap;gap:.85rem}.color-family-btn{width:3.5rem;height:3.5rem;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;outline:none}.color-family-btn:hover{transform:scale(1.18);box-shadow:0 4px 12px rgba(0,0,0,.25)}.color-family-btn.selected{border-color:var(--primary-color);transform:scale(1.22);box-shadow:0 0 0 4px rgba(226,176,7,.3)}.color-shades-row{display:flex;flex-wrap:wrap;gap:.5rem}.color-shade-btn{width:4.5rem;height:4.5rem;border:3px solid transparent;border-radius:.6rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.3rem;outline:none}.color-shade-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.color-shade-btn.selected{border-color:var(--primary-color);transform:scale(1.12);box-shadow:0 0 0 4px rgba(226,176,7,.3)}.shade-label-text{font-size:.6rem;font-weight:700}.color-effects-grid{display:flex;flex-wrap:wrap;gap:.75rem}.color-effect-btn{width:6rem;height:4rem;border:3px solid transparent;border-radius:.6rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.3rem;outline:none;overflow:hidden}.color-effect-btn:hover{transform:scale(1.08);box-shadow:0 4px 14px rgba(0,0,0,.25)}.color-effect-btn.selected{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 0 4px rgba(226,176,7,.3)}.effect-btn-label{font-size:.6rem;font-weight:700;color:var(--ink);text-shadow:0 1px 3px rgba(0,0,0,.9);text-align:center;line-height:1.2;padding:0 .2rem}@media (max-width:600px){.color-shade-btn{width:3.5rem;height:3.5rem}.color-effect-btn{width:5rem;height:3.5rem}}.color-special-hint{font-size:.75rem;color:#999;margin-left:auto;font-style:italic}.shade-slider-wrap{padding:.25rem 0}.shade-slider{-webkit-appearance:none;appearance:none;width:100%;height:2.75rem;border-radius:1.5rem;outline:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);border:none}.shade-slider::-webkit-slider-thumb{-webkit-appearance:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--bg-paper-2);border:4px solid rgba(26,24,21,.9);cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.45);-webkit-transition:transform .1s ease;transition:transform .1s ease}.shade-slider::-webkit-slider-thumb:active{transform:scale(1.15)}.shade-slider::-moz-range-thumb{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--bg-paper-2);border:4px solid rgba(26,24,21,.9);cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.45)}.color-combo-preview{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.6rem;gap:.6rem;margin-bottom:1.25rem}.color-combo-swatch{aspect-ratio:1;border-radius:.6rem;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:transform .2s ease,box-shadow .2s ease}.color-combo-swatch:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(0,0,0,.25)}.color-combo-swatch:active{transform:scale(.97)}.color-combo-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.color-combo-hex{font-size:.7rem;font-family:monospace;opacity:.9}.color-theme-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.color-theme-card{border-radius:.75rem;padding:.75rem;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease}.color-theme-card:hover{transform:translateY(-2px)}.color-theme-inner{border-radius:.5rem;padding:.85rem;display:flex;flex-direction:column;gap:.3rem}.color-theme-btn{display:inline-block;align-self:flex-start;padding:.25rem .75rem;border-radius:.3rem;font-size:.65rem;font-weight:700;margin-top:.3rem}@media (max-width:600px){.color-combo-preview{grid-template-columns:repeat(2,1fr)}.color-theme-previews{grid-template-columns:1fr}}.palette-download-btn{align-self:flex-start;background:var(--primary-color);color:var(--ink);border:none;padding:.9rem 2rem;font-size:1rem;font-weight:700;border-radius:.5rem;cursor:pointer;letter-spacing:.03em;transition:transform .15s ease,box-shadow .15s ease}.palette-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(226,176,7,.4)}.palette-download-btn:active{transform:translateY(0)}.hex-input-wrap{display:flex;align-items:center;gap:.75rem;background:var(--bg-paper-2);border-radius:.6rem;padding:.6rem 1rem;box-shadow:0 2px 10px rgba(0,0,0,.08);max-width:28rem}.hex-input-preview{width:2.5rem;height:2.5rem;border-radius:.4rem;flex-shrink:0;border:1px solid rgba(0,0,0,.1);transition:background .2s ease}.hex-input-prefix{font-family:monospace;font-size:1.2rem;font-weight:700;color:#aaa}.hex-input-field{font-family:monospace;font-size:1.1rem;font-weight:600;border:none;outline:none;flex:1 1;color:var(--txt-color-black);background:transparent;letter-spacing:.05em}.hex-input-field::placeholder{color:#ccc;font-weight:400}.hex-input-field.hex-input-error{color:var(--secondary-color)}.hex-input-valid{font-family:monospace;font-size:.8rem;font-weight:700;color:#2a9d2a;flex-shrink:0}.hex-input-hint-error{font-size:.75rem;color:var(--secondary-color);flex-shrink:0}@media (max-width:480px){.zutaten-hero{padding:2rem 1rem}.zutaten-section-heading{font-size:1.75rem}.buttons{grid-template-columns:1fr}.col-5{width:100%;max-width:12rem}.col-6{width:100%;max-width:10rem}.shapes-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem}.shape{width:5rem;height:5rem}.loaders-grid{grid-template-columns:repeat(2,1fr)}.skeleton-card{grid-column:span 2;grid-template-columns:1fr}.bg-patterns-grid{grid-template-columns:repeat(2,1fr)}.form-design-dark,.form-design-light{padding:1.5rem 1rem}.color-preview-wrap{height:12rem}.color-preview-name{font-size:1.4rem}.color-preview-hex{font-size:.9rem}.color-family-btn{width:2.75rem;height:2.75rem}.color-shade-btn{width:3rem;height:3rem}.color-effect-btn{width:4.5rem;height:3rem}.hex-input-wrap{max-width:100%;padding:.5rem .75rem}.hex-input-field{font-size:.95rem}.palette-download-btn{align-self:stretch;text-align:center}}@media (hover:none){.color-flip:active{color:var(--secondary-color);background-color:var(--primary-color);border:none}.grow-button:active{transform:scale(1.5)}.grow-text:active{font-size:1.5rem;padding:.5rem}.fancy-hover:active:before{scale:3}.fancy-hover:active{color:black;scale:1.1;box-shadow:0 0 20px var(--primary-color)}.fancy-hover-1:active span{color:var(--primary-color)}.fancy-hover-1:active:before{transform:translate3d(100%,0,0)}.glitch:active:after{animation:glitch 1s;animation-timing-function:steps(2)}.jelly:active{animation:jelly-effect .9s both}.spin:active:after{filter:blur(30px)}.spin:active:before{transform:rotate(-180deg)}.fancy-hover-2:active:after,.fancy-hover-2:active:before{height:410px;width:410px}.fancy-hover-2:active{color:var(--primary-color)}}.cr-wrap{position:relative;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.cr-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.cr-dot{width:.4rem;height:.4rem;border-radius:50%;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s;background:rgba(0,0,0,.2)}.cr-dot.active{background:var(--primary-color);transform:scale(1.5)}.cr-btn{background:none;border:1.5px solid rgba(0,0,0,.15);border-radius:50%;width:2.2rem;height:2.2rem;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.cr-btn:hover{background:rgba(0,0,0,.08)}.cr-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.75rem}.cr-fade{position:relative;min-height:180px;border-radius:1rem;overflow:hidden;background:var(--bg-paper-2);border:1px solid #eee;touch-action:pan-y}.cr-fade-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:2rem;opacity:0;transition:opacity .6s ease;pointer-events:none}.cr-fade-slide.active{opacity:1;pointer-events:auto}.cr-fade-quote{font-size:1.1rem;font-style:italic;color:#333;line-height:1.6;margin:0 0 1rem}.cr-fade-author{font-size:.82rem;font-weight:700;color:var(--primary-color)}.cr-fade-nav{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.cr-slide-viewport{overflow:hidden;border-radius:1rem;touch-action:pan-y}.cr-slide-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}.cr-slide-item{min-width:100%;padding:2.5rem 2rem;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box}.cr-slide-title{font-size:1.3rem;font-weight:800;color:var(--ink);margin:0}.cr-slide-desc{font-size:.9rem;color:rgba(26,24,21,.8);margin:0}.cr-slide-nav{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.cr-slide-nav .cr-btn{border-color:rgba(0,0,0,.2)}.cr-loop{overflow:hidden;padding:1rem 0}.cr-loop-track{display:flex;gap:.75rem;width:-webkit-max-content;width:max-content;animation:cr-scroll 22s linear infinite}.cr-loop:hover .cr-loop-track{animation-play-state:paused}.cr-loop-chip{background:var(--bg-paper-2);border:1px solid #eee;border-radius:999px;padding:.4rem 1.1rem;font-size:.82rem;font-weight:600;color:#333;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.06)}@keyframes cr-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:600px){.cr-fade{min-height:220px}.cr-fade-quote{font-size:.95rem}.cr-slide-item{padding:2rem 1.25rem}}.zutaten-hero-plate{margin:0!important;padding-block:var(--space-8,2rem) var(--space-16,4rem);max-width:none!important;overflow:visible;background:transparent;border-radius:0;box-shadow:none;display:block}.zutaten-hero-plate__inner{max-width:60rem;margin-inline:auto!important;display:flex;flex-direction:column;align-items:center;gap:var(--space-4,1rem);padding-inline:clamp(1.25rem,4vw,2.5rem)}.zutaten-hero-plate picture{display:block;width:100%;max-width:60rem;border-radius:var(--radius-lg,.75rem);overflow:hidden;background:var(--bg-elevated);box-shadow:0 40px 80px -20px rgba(0,0,0,.7),0 20px 40px -15px rgba(0,0,0,.45),inset 0 1px 0 rgba(251,248,241,.05)}.zutaten-hero-plate img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:contrast(1.02) saturate(1.02)}.zutaten-hero-plate figcaption{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-sm);color:var(--fg-muted,#666);text-align:center;letter-spacing:.01em;margin:0}.zutaten-catalogue .buttons-group-title{color:var(--fg-default,#FBF8F1);border-bottom-color:var(--border-subtle,rgba(251,248,241,.1));font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-accent-deep,#D9B667);font-weight:500}.zutaten-catalogue .color-step-title{color:var(--fg-default,#FBF8F1)}.zutaten-catalogue .color-step-header{color:var(--fg-muted,#C9C1B3)}.zutaten-catalogue .hex-input-field{color:#1A1410!important;-webkit-text-fill-color:#1A1410}.zutaten-catalogue .hex-input-field::placeholder{color:rgba(26,20,16,.55)!important;-webkit-text-fill-color:rgba(26,20,16,.55)}.zutaten-catalogue .hex-input-prefix{color:rgba(26,20,16,.6)}.zutaten-catalogue .buttons button:not(.color-flip):not(.fancy-hover-1):not(.glitch):not(.spin):not(.fancy-hover-2):not(.fancy-hover):not(.jelly){color:#FBF8F1!important;background-color:initial!important;border:1px solid rgba(251,248,241,.32)!important;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.zutaten-catalogue .buttons button:not(.color-flip):not(.fancy-hover-1):not(.glitch):not(.spin):not(.fancy-hover-2):not(.fancy-hover):not(.jelly):hover{border-color:var(--color-gold-400,#C69A4A)!important;color:var(--color-gold-300,#D9B667)!important}.zutaten-catalogue h1,.zutaten-catalogue h2,.zutaten-catalogue h3:not([class]),.zutaten-catalogue h4:not([class]),.zutaten-catalogue>.zutaten-section>.mkt-container>.zutaten-section-head,.zutaten-catalogue>.zutaten-section>.mkt-container>.zutaten-section-heading{color:var(--fg-default,#FBF8F1)}.zutaten-catalogue .zutaten-section-divider{border-top-color:var(--border-subtle,rgba(251,248,241,.1))}body .zutaten-catalogue .buttons button.fancy-hover{color:#FBF8F1!important;border-color:var(--color-gold-400,#C69A4A)!important;border-width:1.5px!important;background-color:initial!important}body .zutaten-catalogue .buttons button.fancy-hover:hover{color:#0E1116!important;border-color:var(--color-gold-300,#D9B667)!important}body .zutaten-catalogue .buttons button.fancy-hover-1,body .zutaten-catalogue .buttons button.fancy-hover-1>span{color:#1A1410!important}body .zutaten-catalogue .buttons button.fancy-hover-1:hover>span{color:#FBF8F1!important}body .zutaten-catalogue .buttons button.fancy-hover-2{color:#FFFFFF!important;border:1.5px solid var(--color-gold-400,#c69a4a)!important;background-color:initial!important;--color:var(--color-gold-400,#C69A4A)}body .zutaten-catalogue .buttons button.fancy-hover-2:hover{color:#0E1116!important;border-color:var(--color-gold-300,#D9B667)!important}body .zutaten-catalogue .buttons button.jelly{color:#FBF8F1!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}.zutaten-catalogue .buttons button.btn-crystal,.zutaten-catalogue .buttons button.btn-foil,.zutaten-catalogue .buttons button.btn-hologram,.zutaten-catalogue .buttons button.btn-ink-flood,.zutaten-catalogue .buttons button.btn-letterpress,.zutaten-catalogue .buttons button.btn-mercury,.zutaten-catalogue .buttons button.btn-neon,.zutaten-catalogue .buttons button.btn-plasma,.zutaten-catalogue .buttons button.btn-quill,.zutaten-catalogue .buttons button.btn-wax{font-family:inherit;font-size:16px;cursor:pointer;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border:0;outline:none;-webkit-user-select:none;user-select:none}.btn-wax{padding:.85em 2em;background:transparent;color:#FBF8F1;border:1px solid rgba(251,248,241,.32)!important;border-radius:.4em;font-weight:500;letter-spacing:.04em;overflow:hidden;transition:color .45s cubic-bezier(.32,.78,.36,1),border-color .45s ease,box-shadow .45s ease}.btn-wax>span{position:relative;z-index:1}.btn-wax:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F0CB6A 0,#C69A4A 35%,#7A5A1F 100%);box-shadow:inset 0 1px 2px rgba(255,240,200,.5),inset 0 -3px 6px rgba(0,0,0,.35);transform:translate(-50%,-50%);transition:width .55s cubic-bezier(.18,.78,.36,1),height .55s cubic-bezier(.18,.78,.36,1);z-index:0;pointer-events:none}.btn-wax:hover{color:#1A1410;border-color:#B8873A!important;box-shadow:0 0 18px rgba(212,175,79,.35)}.btn-wax:hover:before{width:320%;height:320%}.btn-wax:active:before{width:380%;height:380%}.btn-letterpress{padding:.85em 2em;background:linear-gradient(180deg,#F8F3E9,#EDE5D4);color:#1A1410;border-radius:.4em!important;font-weight:600;letter-spacing:.04em;border:1px solid #c9c1b3!important;box-shadow:0 2px 0 #B8AB95,0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.6);text-shadow:0 1px 0 rgba(255,255,255,.7);transition:all .18s cubic-bezier(.32,.78,.36,1)}.btn-letterpress:hover{transform:translateY(2px);box-shadow:0 0 0 #B8AB95,0 1px 3px rgba(0,0,0,.25),inset 0 2px 5px rgba(0,0,0,.32),inset 0 -1px 1px rgba(255,255,255,.5);text-shadow:0 -1px 0 rgba(0,0,0,.3);color:#2A2018}.btn-letterpress:active{transform:translateY(3px)}.btn-foil{padding:.85em 2em;background:linear-gradient(135deg,#A77F2E,#C69A4A 22%,#E6C36A 35%,#F4D78A 46%,#E6C36A 58%,#C69A4A 75%,#A77F2E);background-size:220% 220%;background-position:0 0;color:#1A1410;border-radius:.4em!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid #7a5a1f!important;box-shadow:0 2px 8px rgba(167,127,46,.4),inset 0 1px 0 rgba(255,240,200,.5),inset 0 -1px 2px rgba(0,0,0,.25);overflow:hidden;transition:background-position .7s cubic-bezier(.18,.78,.36,1),transform .3s ease,box-shadow .3s ease}.btn-foil:before{content:"";position:absolute;top:-50%;left:-120%;width:60%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%,transparent);transform:rotate(22deg);transition:left .85s cubic-bezier(.32,.78,.36,1);pointer-events:none;z-index:1}.btn-foil:hover{background-position:100% 100%;transform:scale(1.025);box-shadow:0 4px 16px rgba(212,175,79,.55),inset 0 1px 0 rgba(255,240,200,.7)}.btn-foil:hover:before{left:200%}.btn-ink-flood{padding:.85em 2em;background:transparent;color:var(--color-gold-300,#D9B667);border:1px solid var(--color-gold-400,#c69a4a)!important;border-radius:.4em;font-weight:500;letter-spacing:.04em;overflow:hidden;transition:color .4s cubic-bezier(.32,.78,.36,1),border-color .4s ease}.btn-ink-flood:before{height:0;background:linear-gradient(180deg,rgba(212,175,79,0),rgba(212,175,79,.55) 35%,rgba(198,154,74,.95) 75%,#B8873A);box-shadow:inset 0 -8px 16px rgba(212,175,79,.3);transition:height .55s cubic-bezier(.32,.78,.36,1)}.btn-ink-flood:after,.btn-ink-flood:before{content:"";position:absolute;bottom:0;left:0;right:0;z-index:-1;pointer-events:none}.btn-ink-flood:after{height:6px;background:radial-gradient(ellipse 50% 100% at 20% 0,rgba(255,240,200,.4) 0,transparent 70%),radial-gradient(ellipse 40% 100% at 60% 0,rgba(255,240,200,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease .3s,bottom .55s cubic-bezier(.32,.78,.36,1)}.btn-ink-flood:hover{color:#1A1410;border-color:#7A5A1F!important}.btn-ink-flood:hover:before{height:100%}.btn-ink-flood:hover:after{opacity:1;bottom:calc(100% - 6px)}.btn-quill{padding:.85em .6em 1em;background:transparent;color:#FBF8F1;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:14px;transition:color .35s ease,letter-spacing .45s ease}.btn-quill:after{content:"";position:absolute;bottom:.45em;left:.6em;right:.6em;height:1.5px;background:linear-gradient(90deg,var(--color-gold-300,#D9B667) 0,var(--color-gold-400,#C69A4A) 100%);transform-origin:left center;transform:scaleX(0);transition:transform .65s cubic-bezier(.32,.78,.36,1);box-shadow:0 0 8px rgba(212,175,79,.55)}.btn-quill:before{content:"";position:absolute;bottom:.2em;left:.4em;width:8px;height:8px;background:linear-gradient(135deg,#F0CB6A,#C69A4A 60%,#7A5A1F);-webkit-clip-path:polygon(0 100%,100% 60%,75% 0,50% 25%);clip-path:polygon(0 100%,100% 60%,75% 0,50% 25%);opacity:0;transform:translateX(-6px);transition:opacity .25s ease,transform .65s cubic-bezier(.32,.78,.36,1);filter:drop-shadow(0 0 4px rgba(212,175,79,.6))}.btn-quill:hover{color:var(--color-gold-300,#D9B667);letter-spacing:.085em}.btn-quill:hover:after{transform:scaleX(1)}.btn-quill:hover:before{opacity:1;transform:translateX(calc(100% - 16px))}@media (prefers-reduced-motion:reduce){.btn-foil,.btn-foil:before,.btn-ink-flood:after,.btn-ink-flood:before,.btn-letterpress,.btn-quill:after,.btn-quill:before,.btn-wax:before{transition-duration:50ms!important;animation:none!important}}.btn-hologram{padding:1em 2.4em;background:conic-gradient(from 0deg at 50% 50%,#ff0080 0,#ff8c00 12.5%,#ffd700 25%,#00ff88 37.5%,#00d4ff 50%,#0080ff 62.5%,#8000ff 75%,#ff00aa 87.5%,#ff0080 100%);background-size:240% 240%;background-position:0 0;color:transparent;border:2px solid rgba(255,255,255,.85)!important;border-radius:.5em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;position:relative;box-shadow:0 0 18px rgba(255,0,128,.55),0 0 36px rgba(0,212,255,.45),inset 0 0 24px rgba(255,255,255,.18);animation:holo-orbit 6s linear infinite}.btn-hologram>span{position:relative;color:#fff;text-shadow:-1.5px 0 0 rgba(255,0,200,.9),1.5px 0 0 rgba(0,220,255,.9),0 0 12px rgba(255,255,255,.6);mix-blend-mode:screen;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));z-index:2}.btn-hologram:before{inset:0;background:repeating-linear-gradient(115deg,transparent,transparent 8%,rgba(255,255,255,.18) 9%,transparent 10%);mix-blend-mode:overlay;animation:holo-scanline 3.5s linear infinite}.btn-hologram:after,.btn-hologram:before{content:"";position:absolute;pointer-events:none}.btn-hologram:after{top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 50%,transparent);transform:skewX(-20deg);transition:left .85s cubic-bezier(.32,.78,.36,1)}.btn-hologram:hover{animation-duration:1.4s;transform:scale(1.03);box-shadow:0 0 28px rgba(255,0,200,.75),0 0 56px rgba(0,212,255,.65),inset 0 0 32px rgba(255,255,255,.28)}.btn-hologram:hover:after{left:200%}@keyframes holo-orbit{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes holo-scanline{0%{background-position:0 0}to{background-position:0 200%}}.btn-mercury{padding:1em 2.4em;background:radial-gradient(ellipse 60% 80% at 30% 20%,#FAFCFF 0,transparent 45%),radial-gradient(ellipse 90% 60% at 70% 80%,#6E7480 0,transparent 55%),linear-gradient(135deg,#B8BEC8,#8B95A4 35%,#5A626E 70%,#38404C);color:#1A1410;border-radius:.6em!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 6px rgba(0,0,0,.3);overflow:hidden;position:relative;transition:filter .5s ease,transform .4s ease;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.4)}.btn-mercury>span{position:relative;z-index:2}.btn-mercury:before{inset:-5%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.6) 0,transparent 25%),radial-gradient(circle at 75% 70%,rgba(255,255,255,.4) 0,transparent 22%);filter:blur(4px);animation:mercury-flow 3.5s cubic-bezier(.45,0,.55,1) infinite}.btn-mercury:after,.btn-mercury:before{content:"";position:absolute;pointer-events:none;z-index:1}.btn-mercury:after{top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.55) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.32,.78,.36,1),height .6s cubic-bezier(.32,.78,.36,1),opacity .6s ease;opacity:0;mix-blend-mode:overlay}.btn-mercury:hover{transform:scale(1.02);filter:contrast(1.08) brightness(1.05)}.btn-mercury:hover:after{width:250%;height:250%;opacity:1}@keyframes mercury-flow{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(8px,-4px) rotate(2deg)}66%{transform:translate(-6px,5px) rotate(-1.5deg)}}.btn-plasma{padding:1em 2.4em;background:#0E1116;color:transparent;border:1px solid rgba(255,255,255,.15)!important;border-radius:.5em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;position:relative;transition:border-color .4s ease,box-shadow .4s ease}.btn-plasma>span{position:relative;z-index:3;background:linear-gradient(90deg,#FF6B9D,#FFE66D 25%,#4ECDC4 50%,#C77DFF 75%,#FF6B9D);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:plasma-text-shift 3.5s linear infinite;filter:drop-shadow(0 0 8px rgba(255,107,157,.55))}.btn-plasma:before{inset:-50%;background:radial-gradient(circle at 25% 30%,rgba(255,107,157,.45) 0,transparent 35%),radial-gradient(circle at 75% 70%,rgba(78,205,196,.4) 0,transparent 35%),radial-gradient(circle at 50% 50%,rgba(199,125,255,.35) 0,transparent 40%);filter:blur(20px);animation:plasma-field 8s ease-in-out infinite;z-index:1}.btn-plasma:after,.btn-plasma:before{content:"";position:absolute;pointer-events:none}.btn-plasma:after{inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 50%,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 51%);z-index:2;mix-blend-mode:overlay}.btn-plasma:hover{border-color:rgba(199,125,255,.6)!important;box-shadow:0 0 24px rgba(255,107,157,.45),0 0 48px rgba(78,205,196,.35),inset 0 0 32px rgba(199,125,255,.15)}.btn-plasma:hover>span{animation-duration:1.2s;filter:drop-shadow(0 0 12px rgba(255,107,157,.85))}.btn-plasma:hover:before{animation-duration:3s;filter:blur(15px)}@keyframes plasma-text-shift{0%{background-position:0 50%}to{background-position:250% 50%}}@keyframes plasma-field{0%,to{transform:rotate(0deg) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.95)}}.btn-neon{padding:1em 2.4em;background:#07090C;color:#00E5FF;border:2px solid #00e5ff!important;border-radius:.5em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;position:relative;overflow:visible;text-shadow:0 0 4px #00E5FF,0 0 8px #00E5FF,0 0 16px rgba(0,229,255,.6),0 0 24px rgba(0,229,255,.4);box-shadow:0 0 8px rgba(0,229,255,.55),0 0 24px rgba(0,229,255,.35),inset 0 0 8px rgba(0,229,255,.25);transition:all .35s cubic-bezier(.32,.78,.36,1);animation:neon-flicker 4s ease-in-out infinite}.btn-neon:before{inset:-2px;border-radius:inherit;background:conic-gradient(from var(--neon-angle,0deg),transparent 0deg,transparent 280deg,#FFFFFF 300deg,#00E5FF 320deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:neon-trace 3.5s linear infinite}@property --neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.btn-neon:after,.btn-neon:before{content:"";position:absolute;pointer-events:none}.btn-neon:after{top:calc(100% + 4px);left:10%;right:10%;height:14px;background:radial-gradient(ellipse,rgba(0,229,255,.6) 0,transparent 65%);filter:blur(6px);transform:scaleY(-1)}.btn-neon:hover{background:#0E1116;color:#FFF;transform:scale(1.04);text-shadow:0 0 6px #FFF,0 0 12px #00E5FF,0 0 24px #00E5FF,0 0 48px #00E5FF;box-shadow:0 0 16px rgba(0,229,255,.95),0 0 48px rgba(0,229,255,.7),inset 0 0 16px rgba(0,229,255,.45);animation:none}.btn-neon:hover:before{animation-duration:1.2s}@keyframes neon-trace{0%{--neon-angle:0deg}to{--neon-angle:360deg}}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1;text-shadow:0 0 4px #00E5FF,0 0 8px #00E5FF,0 0 16px rgba(0,229,255,.6),0 0 24px rgba(0,229,255,.4)}20%,24%,55%{opacity:.85;text-shadow:0 0 3px #00E5FF}}.btn-crystal{padding:1em 2.4em;background:linear-gradient(135deg,rgba(180,220,255,.18),rgba(140,180,230,.08) 30%,rgba(255,200,240,.12) 70%,rgba(180,240,220,.18));color:#FFF;border:1px solid rgba(255,255,255,.45)!important;border-radius:.4em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.3);transition:transform .4s cubic-bezier(.32,.78,.36,1),box-shadow .4s ease}.btn-crystal>span{position:relative;display:inline-block;z-index:2;text-shadow:2px 0 0 rgba(255,100,220,.45),-2px 0 0 rgba(100,220,255,.45),0 0 18px rgba(255,255,255,.55)}.btn-crystal>span:after,.btn-crystal>span:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-crystal>span:before{color:rgba(255,100,220,.4);transform:translate(2px,1px);mix-blend-mode:screen}.btn-crystal>span:after{color:rgba(100,220,255,.4);transform:translate(-2px,-1px);mix-blend-mode:screen}.btn-crystal:before{inset:0;background:conic-gradient(from 0deg at 50% 50%,transparent 0,rgba(255,200,240,.18) 25%,rgba(180,240,220,.18) 50%,rgba(255,220,180,.18) 75%,transparent 100%);animation:crystal-shimmer 6s linear infinite;z-index:1}.btn-crystal:after,.btn-crystal:before{content:"";position:absolute;mix-blend-mode:overlay;pointer-events:none}.btn-crystal:after{top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent);transform:skewX(-25deg);transition:left .8s cubic-bezier(.32,.78,.36,1);z-index:2}.btn-crystal:hover{transform:scale(1.04) rotateX(3deg);box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 32px rgba(255,200,240,.35),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(0,0,0,.4)}.btn-crystal:hover:after{left:200%}@keyframes crystal-shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn-crystal:before,.btn-hologram,.btn-hologram:after,.btn-hologram:before,.btn-mercury:before,.btn-neon,.btn-neon:before,.btn-plasma:before,.btn-plasma>span{animation:none!important}}