:root{--font-display: "Syne", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-ui: "Inter", sans-serif;--color-primary: #795757;--color-primary-light: #9B7373;--color-primary-dark: #5A3F3F;--color-accent-1: #FFD66B;--color-accent-2: #FF8E8E;--color-accent-3: #A8E66B;--color-accent-4: #6BBBE6;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5EFE4;--color-neutral-200: #E8E1D4;--color-neutral-300: #DCD7C9;--color-neutral-800: #3B3030;--color-neutral-700: #5A4A4A;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 40px rgba(255, 214, 107, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-neutral-800);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent;cursor:none}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain-shift 8s steps(10) infinite}@keyframes grain-shift{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.reveal{opacity:0;transform:translateY(40px) scale(.98);transition:all 1s cubic-bezier(.16,1,.3,1);filter:blur(10px)}.reveal.active{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.marquee-container{position:relative;width:100vw;max-width:100%;height:60px;overflow:hidden;background:var(--color-neutral-800);color:#fff;display:flex;align-items:center;transform:rotate(-2deg) scale(1.05);margin:var(--space-12) 0;box-shadow:0 10px 30px #0003}.marquee-content{display:flex;animation:marquee-scroll 20s linear infinite;white-space:nowrap}.marquee-item{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-transform:uppercase;padding:0 2rem;display:flex;align-items:center;gap:1rem}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}.hero-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#3b3030,#795757,#9b7373);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:var(--font-display);font-weight:700;color:var(--color-neutral-800)}.accent-text{font-family:var(--font-accent);font-style:italic}.container{width:100%;max-width:80rem;margin:0 auto;padding:0 var(--space-4)}@media(max-width:768px){.container{padding:0 var(--space-3)}}.landing-root{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,214,107,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,230,107,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(107,187,230,.05) 0%,transparent 60%),linear-gradient(180deg,#fff,#fafafa)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float-orb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,214,107,.4) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(168,230,107,.3) 0%,transparent 70%);bottom:-10%;right:-10%;animation-delay:-7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(107,187,230,.3) 0%,transparent 70%);top:40%;right:10%;animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.logo-container{position:relative;perspective:1000px;animation:fade-in-scale 1.2s cubic-bezier(.34,1.56,.64,1) forwards;transform-style:preserve-3d}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.5) rotateY(-180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.logo-wrapper{position:relative;display:inline-block;animation:float-logo 6s ease-in-out infinite}@keyframes float-logo{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.feedl-logo-text{display:flex;justify-content:center;font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);font-weight:800;letter-spacing:-.04em;line-height:1;position:relative;z-index:2;cursor:default}.feedl-char{display:inline-block;position:relative;background:linear-gradient(135deg,#3b3030,#795757,#9b7373);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .4s cubic-bezier(.34,1.56,.64,1),text-shadow .4s ease;text-shadow:0 20px 40px rgba(121,85,87,.15);animation:fade-in-up .8s cubic-bezier(.34,1.56,.64,1) backwards}.feedl-char:hover{transform:translateY(-20px) scale(1.1) rotate(5deg);background:linear-gradient(135deg,var(--color-accent-1) 0%,var(--color-accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 30px 60px rgba(255,214,107,.4);z-index:10}.feedl-char:nth-child(2n):hover{transform:translateY(-20px) scale(1.1) rotate(-5deg)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.logo-particles{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;pointer-events:none}.particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:0;animation:particle-float 4s ease-in-out infinite}.particle-1{background:var(--color-accent-1);top:20%;left:10%;animation-delay:0s}.particle-2{background:var(--color-accent-2);top:60%;right:15%;animation-delay:-1s}.particle-3{background:var(--color-accent-3);bottom:30%;left:20%;animation-delay:-2s}.particle-4{background:var(--color-accent-4);top:40%;right:10%;animation-delay:-3s}.particle-5{background:var(--color-accent-1);bottom:20%;right:25%;animation-delay:-1.5s}.particle-6{background:var(--color-accent-3);top:10%;right:30%;animation-delay:-2.5s}@keyframes particle-float{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-80px) scale(1.5)}to{opacity:0;transform:translateY(-160px) scale(0)}}.logo-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 50% 50%,rgba(255,214,107,.3) 0%,transparent 60%),radial-gradient(circle at 30% 70%,rgba(255,142,142,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(168,230,107,.2) 0%,transparent 50%);filter:blur(40px);animation:morph-glow 8s ease-in-out infinite;z-index:1}@keyframes morph-glow{0%,to{transform:scale(1) rotate(0);opacity:.6}33%{transform:scale(1.2) rotate(120deg);opacity:.8}66%{transform:scale(.9) rotate(240deg);opacity:.7}}.floating-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.float-item{position:absolute;will-change:transform;font-family:var(--font-display);font-weight:700;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);animation:float-creative 15s ease-in-out infinite}.float-item-1{top:15%;left:5%;background:linear-gradient(135deg,#ffd66be6,#ffd66b99);color:#3b3030;animation-delay:0s}.float-item-2{top:25%;right:8%;background:linear-gradient(135deg,#a8e66be6,#a8e66b99);color:#2d3f2d;animation-delay:-5s}.float-item-3{bottom:20%;left:10%;background:linear-gradient(135deg,#6bbbe6e6,#6bbbe699);color:#1e3a5f;animation-delay:-10s}.float-item-4{bottom:35%;right:12%;background:linear-gradient(135deg,#ff8e8ee6,#ff8e8e99);color:#5f1e1e;animation-delay:-7s}@keyframes float-creative{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(20px,-30px) rotate(5deg) scale(1.05)}50%{transform:translate(-15px,25px) rotate(-3deg) scale(.95)}75%{transform:translate(25px,15px) rotate(4deg) scale(1.02)}}@media(max-width:768px){.float-item{display:none}}.btn{font-family:var(--font-display);font-weight:700;padding:1rem 2.5rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;text-decoration:none;display:inline-block;font-size:1.1rem;letter-spacing:.02em}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s}.btn:hover:before{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff0d1;box-shadow:0 8px 24px #7955574d}.btn-primary:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 40px #79555766}.btn-primary:active{transform:translateY(-2px) scale(1.02)}.btn-secondary{background:linear-gradient(135deg,#ffffff 0%,var(--color-neutral-50) 100%);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:0 4px 16px #79555726}.btn-secondary:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-neutral-100) 100%);box-shadow:0 12px 32px #79555740}@media(max-width:768px){.btn{padding:.875rem 2rem;font-size:1rem}}.value-card{background:linear-gradient(135deg,#ffffff 0%,var(--color-neutral-50) 100%);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.value-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);opacity:0;transition:opacity .5s}.value-card:hover:before{opacity:1}.value-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl)}.value-card-problem{border-color:#ff8e8e4d}.value-card-problem:hover{border-color:#ff8e8e99;box-shadow:0 16px 48px #ff8e8e4d}.value-card-solution{border-color:#a8e66b4d}.value-card-solution:hover{border-color:#a8e66b99;box-shadow:0 16px 48px #a8e66b4d}.value-card-promise{border-color:#7955574d;background:linear-gradient(135deg,#FBF9F4 0%,var(--color-neutral-100) 100%)}.value-card-promise:hover{border-color:#79555799;box-shadow:0 16px 48px #7955574d}.value-card-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.75rem;font-weight:700;margin-bottom:var(--space-6);letter-spacing:.1em;text-transform:uppercase}.value-card-badge-problem{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:2px solid #FCA5A5}.value-card-badge-solution{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:2px solid #6EE7B7}.value-card-badge-promise{background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);color:var(--color-primary);border:2px solid var(--color-neutral-300)}.value-card-icon{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.value-card-icon-problem{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.value-card-icon-solution{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.value-card-icon-promise{background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);color:var(--color-primary)}.value-card:hover .value-card-icon{transform:scale(1.2) rotate(10deg)}.value-card-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--space-4);line-height:1.3}.value-card-description{font-family:var(--font-body);color:var(--color-neutral-700);line-height:1.8;font-size:1.05rem}.step-card-modern{text-align:center;position:relative;padding-top:var(--space-4)}.step-number-modern{width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-1) 0%,var(--color-accent-2) 100%);border:4px solid #ffffff;box-shadow:0 8px 24px #ffd66b66;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.step-card-modern:hover .step-number-modern{transform:scale(1.2) rotate(360deg);box-shadow:0 12px 32px #ffd66b99}.step-number-text{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#3b3030}.step-icon-wrapper{width:100px;height:100px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--color-primary);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md)}.step-card-modern:hover .step-icon-wrapper{transform:translateY(-8px) scale(1.1);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--color-accent-1) 0%,var(--color-accent-3) 100%)}.step-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-neutral-800);margin-bottom:var(--space-4);line-height:1.3}.step-description{font-family:var(--font-body);color:var(--color-neutral-700);line-height:1.8;font-size:1.05rem}.carousel-container{width:100%;overflow-x:auto;overflow-y:hidden;position:relative;margin:var(--space-6) 0;padding:var(--space-8) 0;scrollbar-width:none;-ms-overflow-style:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-fade-left,.carousel-fade-right{position:absolute;top:0;bottom:0;width:200px;pointer-events:none;z-index:5}.carousel-fade-left{left:0;background:linear-gradient(to right,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.floating-icons-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.floating-icon{position:absolute;opacity:0;color:var(--color-primary);filter:drop-shadow(0 4px 12px rgba(121,85,87,.2));animation:float-up-fade 15s linear infinite}.floating-icon svg{width:100%;height:100%}.icon-heart{width:40px;height:40px;left:15%;bottom:-10%;animation-duration:18s;animation-delay:0s;color:#ff8e8e}.icon-star{width:30px;height:30px;left:85%;bottom:-10%;animation-duration:22s;animation-delay:-5s;color:#ffd66b}.icon-play{width:35px;height:35px;left:25%;bottom:-10%;animation-duration:20s;animation-delay:-10s;color:#6bbbe6}.icon-send{width:32px;height:32px;left:75%;bottom:-10%;animation-duration:25s;animation-delay:-2s;color:#a8e66b}.icon-bookmark{width:28px;height:28px;left:45%;bottom:-10%;animation-duration:19s;animation-delay:-15s;color:var(--color-primary-light)}@keyframes float-up-fade{0%{transform:translateY(0) rotate(0) scale(.8);opacity:0}10%{opacity:.6}50%{transform:translateY(-50vh) rotate(180deg) scale(1);opacity:.4}90%{opacity:.6}to{transform:translateY(-110vh) rotate(360deg) scale(.8);opacity:0}}.rotating-badge{position:absolute;top:12%;right:10%;width:140px;height:140px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center}.badge-text{position:absolute;width:100%;height:100%;animation:spin-slow 20s linear infinite}.badge-text svg{width:100%;height:100%;fill:var(--color-primary)}.badge-center{position:absolute;width:40px;height:40px;background:var(--color-accent-1);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd66b66;animation:pulse-soft 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.carousel-fade-right{right:0;background:linear-gradient(to left,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.carousel-track{display:flex;width:fit-content;will-change:scroll-position}.carousel-track-paired{gap:0}.carousel-item-paired{flex-shrink:0;width:500px;margin:0 var(--space-4)}.carousel-pair-container{display:flex;flex-direction:column;gap:var(--space-4);background:linear-gradient(135deg,#ffffff 0%,var(--color-neutral-50) 100%);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:2px solid var(--color-neutral-200);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.carousel-pair-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%) translateY(-100%);transition:transform .8s}.carousel-item-paired:hover .carousel-pair-container{box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02);border-color:var(--color-primary)}.carousel-item-paired:hover .carousel-pair-container:before{transform:translate(100%) translateY(100%)}.carousel-pair-image{position:relative;width:100%;height:300px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-50);display:flex;align-items:center;justify-content:center}.carousel-pair-label{position:absolute;top:var(--space-3);z-index:5;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-display);font-size:.8rem;font-weight:700;box-shadow:var(--shadow-md);letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.carousel-pair-label-before{left:var(--space-3)}.carousel-pair-label-after{right:var(--space-3)}.carousel-image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease}.carousel-item-paired:hover .carousel-image{transform:scale(1.05)}.carousel-item-paired:hover .carousel-pair-label{transform:scale(1.1);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.carousel-item-paired{width:420px}.carousel-pair-image{height:250px}}@media(max-width:768px){.carousel-item-paired{width:320px}.carousel-pair-image{height:200px}.carousel-pair-container{padding:var(--space-3);gap:var(--space-3)}.carousel-fade-left,.carousel-fade-right{width:60px}.hero-title{font-size:2.75rem;line-height:1.1}.section-title{font-size:2rem}.rotating-badge{top:2%;right:2%;width:80px;height:80px;opacity:.8}.icon-heart{display:block;width:30px;height:30px;left:10%}.icon-star{display:block;width:20px;height:20px;left:80%}.icon-play,.icon-send,.icon-bookmark{display:none}.form-section{padding:var(--space-6) var(--space-4)}}@media(max-width:480px){.carousel-item-paired{width:280px}.carousel-pair-image{height:160px}.feedl-logo-text{font-size:3.5rem}}.form-section{background:linear-gradient(135deg,var(--color-neutral-100) 0%,#FBF9F4 100%);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-12);margin:var(--space-8) 0;box-shadow:var(--shadow-lg);transition:all .3s ease}.form-section:hover{box-shadow:var(--shadow-xl)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-neutral-800);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;background-color:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:1rem;color:var(--color-neutral-800);transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #7955571a,var(--shadow-md);transform:translateY(-2px)}.form-input:hover,.form-textarea:hover{border-color:var(--color-primary-light)}.form-textarea{min-height:120px;resize:vertical}.form-file-input{width:100%;padding:var(--space-6);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-md);background-color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;color:var(--color-neutral-700);font-family:var(--font-body)}.form-file-input:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#FBF9F4 0%,var(--color-neutral-100) 100%);border-style:solid;transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.file-preview-item{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-neutral-200);background:#fff;box-shadow:var(--shadow-sm);transition:all .3s ease}.file-preview-item:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.file-preview-item img{width:100%;height:100%;object-fit:cover}.file-preview-item button{position:absolute;top:4px;right:4px;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.file-preview-item button:hover{background:#dc2626;transform:scale(1.1);box-shadow:var(--shadow-md)}.form-error{color:#dc2626;font-size:.875rem;margin-top:var(--space-1);font-family:var(--font-body)}.form-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-6);border-radius:var(--radius-md);margin-bottom:var(--space-6);box-shadow:0 4px 12px #10b9814d;animation:slide-down .4s ease-out;text-align:center}.form-success h3{margin:0;color:#fff;font-family:var(--font-display);font-size:1.25rem}.form-success p{margin:var(--space-2) 0 0 0;color:#fffffff2;font-size:1rem}.form-error-message{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);box-shadow:0 4px 12px #dc26264d;animation:slide-down .4s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards;opacity:0}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}@media(max-width:768px){:root{--space-12: 2rem;--space-16: 2.5rem}.hero-section{min-height:auto;padding:var(--space-16) 0}.value-card,.form-section{padding:var(--space-6)}.value-card-title,.step-title{font-size:1.5rem}.value-card-icon,.step-number-modern{width:64px;height:64px}.step-number-text{font-size:1.5rem}.step-icon-wrapper{width:80px;height:80px}}@media(max-width:480px){.form-section{padding:var(--space-4)}.file-preview-item{width:90px;height:90px}}.w-full{width:100%}.text-center{text-align:center}.relative{position:relative}.grid{display:grid}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:text-4xl{font-size:2.25rem}.md\:text-6xl{font-size:3.75rem}}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}