@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:Georgia,Times New Roman,serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .2s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none;background-color:#2a2a2a}button:active{transform:scale(.98)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}button:focus,button:focus-visible{background-color:#e9ecef}}html,body{overflow-x:hidden;max-width:100vw}.fffilipeee-home{min-height:100vh;min-height:calc(100vh + env(safe-area-inset-top,0px));display:flex;flex-direction:column;position:relative;color:#2a2a2a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#fff 0% 20%,#f0f0f0 60%,#b8b8b8);transition:background .15s ease-out;padding-top:0;margin-top:calc(-1*env(safe-area-inset-top,0px));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.fffilipeee-home:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,120,120,.25) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(120,120,120,.25) 1.5px,transparent 1.5px);background-size:50px 50px;transition:opacity .3s ease-out;pointer-events:none;z-index:0;opacity:1}.fffilipeee-home:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:1;transition:opacity .3s ease-out}.fffilipeee-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.fffilipeee-container{max-width:1200px;margin:0 auto;padding:0 40px 60px}.fffilipeee-header{text-align:center;margin-bottom:80px;min-height:480px}.fffilipeee-logo{display:flex;flex-direction:column;align-items:center;gap:0;margin:-200px -20px 30px 0}.logo-avatar{width:750px;height:750px;display:block;margin-bottom:20px;margin-top:0;object-fit:contain}.logo-signature{width:300px;height:auto;display:block}.logo-signature-active{width:420px;height:auto;display:block;object-fit:contain;transition:filter .5s ease-in-out}.logo-tint-circle{filter:invert(44%) sepia(3%) saturate(100%) hue-rotate(201deg) brightness(95%) contrast(89%)}.logo-tint-square{filter:invert(35%) sepia(80%) saturate(1800%) hue-rotate(200deg) brightness(95%) contrast(95%)}.logo-tint-triangle{filter:invert(55%) sepia(40%) saturate(600%) hue-rotate(93deg) brightness(95%) contrast(90%)}.logo-tint-diamond{filter:invert(20%) sepia(90%) saturate(3000%) hue-rotate(0deg) brightness(95%) contrast(100%)}.logo-tint-star{filter:invert(55%) sepia(70%) saturate(1000%) hue-rotate(10deg) brightness(100%) contrast(95%)}.logo-text{font-size:4rem;font-weight:700;margin:0;letter-spacing:-.02em;transition:all .3s ease-out;animation:fadeIn .15s ease-out;height:70px;display:flex;align-items:center;justify-content:center}.logo-subtitle{font-size:1.5rem;font-weight:400;margin:8px 0 0;letter-spacing:.02em;transition:all .3s ease-out}.theme-square .logo-subtitle{color:#007aff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shapes-row{display:flex;justify-content:center;align-items:center;gap:100px;max-width:1100px;margin:40px auto 0}.shape-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;position:relative;min-height:140px;padding-top:8px;padding-bottom:8px}.shape-label{font-size:1.5rem;font-weight:700;margin:auto 0 0;letter-spacing:.02em;transition:opacity .3s ease;opacity:.7;white-space:nowrap;text-align:center;line-height:1.5rem;font-family:Poppins,Nunito,-apple-system,BlinkMacSystemFont,sans-serif}.shape-wrapper:hover .shape-label{opacity:1}.shape-label-square{color:#007aff}.shape-label-triangle{color:#34c759}.shape-label-circle{color:#6b6b6f}.shape-label-diamond{color:red}.theme-diamond .shape-label-diamond{color:#fff}.theme-diamond .shape-diamond{background:#fff}.shape-label-star{color:#ff8c00}.shape{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .5s ease;mix-blend-mode:multiply}.shape:hover{transform:translateY(-4px)}.shape.pressed{animation:none!important;transition:transform .1s ease,filter .1s ease!important}.shape-square.pressed,.shape-triangle.pressed,.shape-circle.pressed{transform:scale(.9) translateY(3px)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important}.shape-diamond.pressed{transform:rotate(45deg) scale(.9) translateY(3px)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important}.shape-star.pressed{transform:scale(.9) translateY(3px)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important}.shape-square.active{animation:float-square 1.5s ease-in-out infinite}.shape-triangle.active{animation:float-triangle 1.5s ease-in-out infinite}.shape-circle.active{animation:float-circle 1.5s ease-in-out infinite}.shape-diamond.active{animation:float-diamond 1.5s ease-in-out infinite}.shape-star.active{animation:float-star 1.5s ease-in-out infinite}@keyframes float-square{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-triangle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-circle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-diamond{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-8px)}}@keyframes float-star{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shape-square{background:#007aff;width:80px;height:80px}.shape-triangle{width:0;height:0;border-left:70px solid #34C759;border-top:40px solid transparent;border-bottom:40px solid transparent;background:transparent}.shape-circle{background:#6b6b6f;border-radius:50%;width:80px;height:80px}.shape-diamond{background:red;transform:rotate(45deg);border-radius:10px;width:58px;height:58px;margin-top:11px;margin-bottom:11px}.shape-star{background:transparent;width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.shape-star:before,.shape-star:after{content:"";position:absolute;background:orange;border-radius:999px;box-shadow:0 0 0 2px orange}.shape-star:before{width:6px;height:65px}.shape-star:after{width:65px;height:6px}.shape-star{transform:rotate(0)}.shape-star-diagonal1,.shape-star-diagonal2{position:absolute;width:6px;height:65px;background:orange;border-radius:999px;box-shadow:0 0 0 2px orange;top:50%;left:50%;margin-left:-3px;margin-top:-32.5px}.shape-star-diagonal1{transform:rotate(45deg)}.shape-star-diagonal2{transform:rotate(-45deg)}.fffilipeee-tagline{font-size:1.5rem;font-weight:300;margin:10px 0 0;color:#4a4a4a;opacity:.9}.fffilipeee-main{max-width:900px;margin:0 auto;min-height:400px;position:relative;transition:min-height .4s cubic-bezier(.4,0,.2,1)}.shape-content{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;padding:50px 80px;margin-top:60px;border:1px solid rgba(100,100,100,.15);box-shadow:0 4px 16px #0000001a;will-change:opacity}.shape-content h2{font-size:2rem;font-weight:600;margin-bottom:30px;color:#2a2a2a}.shape-content h3{font-size:1.5rem;font-weight:600;margin-top:25px;margin-bottom:15px;color:#2a2a2a}.shape-content p{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin-bottom:20px}.shape-content-square{background:#007aff;border-radius:0;border:none;font-family:Space Grotesk,sans-serif}.shape-content-square h2,.shape-content-square h3,.shape-content-square p,.shape-content-square a{color:#fff}.shape-content-square .project-link-inline{color:#fff;text-decoration:underline}.faq-content{max-width:700px}.shape-content-circle .faq-content{max-width:100%}.faq-item{margin-bottom:35px}.faq-question{display:flex;align-items:center;gap:16px;font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#fff;letter-spacing:.02em;justify-content:center}.faq-question>span:first-child{white-space:nowrap}.faq-item p{font-size:1.1rem;line-height:1.7;color:#fffffff2;margin:0 0 8px}.faq-divider{flex:1;height:1px;background:#ffffff40}.faq-link{color:#fff;text-decoration:underline;font-weight:500;transition:opacity .2s ease}.faq-link:hover{opacity:.8}.faq-item-centered{text-align:center}.faq-item-centered .faq-question{justify-content:center}.social-links{display:flex;gap:16px;margin-top:16px;justify-content:center}.social-icon{width:32px;height:32px;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon svg{width:100%;height:100%}.social-icon:hover{opacity:.7;transform:translateY(-2px)}.contact-form{width:100%;max-width:500px;margin:20px auto;display:flex;flex-direction:column;gap:12px}.form-input,.form-textarea{width:100%;padding:12px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.shape-content-square .form-input,.shape-content-square .form-textarea{font-family:Space Grotesk,sans-serif}.shape-content-circle .form-input,.shape-content-circle .form-textarea{font-family:Work Sans,sans-serif}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-input:focus,.form-textarea:focus{outline:none;background:#fff3;border-color:#ffffff80}.form-textarea{resize:vertical;min-height:100px}.form-button{padding:12px 24px;background:#ffffffe6;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.shape-content-square .form-button{font-family:Space Grotesk,sans-serif;color:#007aff}.shape-content-circle .form-button{font-family:Work Sans,sans-serif;color:#6b6b6f}.form-button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.form-button:disabled{opacity:.6;cursor:not-allowed}.email-alternative{font-size:.95rem;margin-top:16px;margin-bottom:24px;opacity:.9}.circle-tagline{font-size:1.3rem;font-weight:300;letter-spacing:.05em;color:#fff;margin:0;opacity:.95}.shape-content-triangle{background:#34c759;border-color:#28a745;border-radius:0;position:relative;font-family:JetBrains Mono,monospace}.shape-content-triangle h2,.shape-content-triangle h3,.shape-content-triangle p,.shape-content-triangle a{color:#fff}.shape-content-triangle .project-link-inline{color:#fff;text-decoration:underline}.shape-content-circle{background:linear-gradient(to bottom,#6b6b6f,#7a7a7f 70%,#8a8a8f);border-color:#3a3a3d;font-family:Work Sans,sans-serif;border-radius:40px;padding:50px 80px}.shape-content-circle h2,.shape-content-circle h3,.shape-content-circle p,.shape-content-circle a{color:#fff}.shape-content-circle .contact-link{color:#fff;text-decoration:underline}.shape-content-diamond{background:#fff;border:none;border-radius:24px;font-family:Playfair Display,serif;padding:30px;box-shadow:0 8px 32px #0003}.shape-content-diamond h2,.shape-content-diamond h3,.shape-content-diamond p,.shape-content-diamond a{color:#2a2a2a}.art-gallery-masonry{columns:3;column-gap:12px;min-height:200px}.art-card{break-inside:avoid;margin-bottom:12px;border-radius:4px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;contain:layout style}.art-card.has-process{cursor:pointer}.art-card.has-process:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000004d}.art-card img{width:100%;display:block;border-radius:4px;background-color:#f0f0f0}.art-card.expanded{column-span:all;margin-bottom:20px}.art-card.expanded>img:first-child{max-height:500px;object-fit:contain;background:#f5f5f5}.art-process-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px;padding:12px;background:#ff000014;border-radius:8px}.art-process-images img{border-radius:4px;transition:transform .2s ease;cursor:pointer}.art-process-images img:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff00004d}.art-lightbox-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s ease}.art-lightbox-content{max-width:70vw;max-height:80vh;position:relative}.art-lightbox-content img{max-width:70vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.art-lightbox-close{position:absolute;top:-60px;right:0;width:50px;height:50px;min-width:50px;min-height:50px;background:#ffffff26;border:2.5px solid rgba(255,255,255,.4);border-radius:9999px;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Display,system-ui,sans-serif;padding:0;line-height:1;aspect-ratio:1 / 1}.art-lightbox-close:hover{background:#ffffff4d;border-color:#ffffffb3;box-shadow:0 4px 20px #ffffff4d;transform:scale(1.08)}.art-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;min-width:60px;min-height:60px;background:#ffffff26;border:2.5px solid rgba(255,255,255,.4);border-radius:9999px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Display,system-ui,sans-serif;padding:0;line-height:1;aspect-ratio:1 / 1}.art-lightbox-nav:hover{background:#ffffff4d;border-color:#ffffffb3;box-shadow:0 4px 20px #ffffff4d;transform:translateY(-50%) scale(1.08)}.art-lightbox-nav.prev{left:-90px}.art-lightbox-nav.next{right:-90px}.art-lightbox-counter{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);color:#fff;font-size:1rem;font-weight:500;background:#ffffff26;padding:10px 24px;border-radius:50px;border:2.5px solid rgba(255,255,255,.4);font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Display,system-ui,sans-serif;letter-spacing:.05em}.instagram-feed-section{margin-top:40px;padding-top:30px;border-top:2px solid rgba(255,0,0,.15);text-align:center}.instagram-feed-title{font-size:1.5rem;font-weight:600;margin:0 0 20px;font-family:Playfair Display,serif}.instagram-feed-title a{color:#e4405f;text-decoration:none;transition:opacity .2s ease}.instagram-feed-title a:hover{opacity:.8}.instagram-feed-container{width:100%;min-height:200px}.instagram-feed-container behold-widget{width:100%}@media (max-width: 900px){.art-gallery-masonry{columns:2}}@media (max-width: 500px){.art-gallery-masonry{columns:1}.shape-content-diamond{padding:20px}}.shape-content-star{background:#ffc413;border-color:#d4a500;font-family:Crimson Pro,serif}.shape-content-star h2,.shape-content-star h3,.shape-content-star p,.shape-content-star a{color:#000}.story-embed-container{width:100%;max-width:800px;margin:20px auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0003;background:#000}.story-embed-iframe{width:100%;height:500px;border:none;display:block;justify-content:center;align-items:center}@media (max-width: 768px){.story-embed-container{max-width:100%;border-radius:12px}}.shape-content .content-body{max-width:700px}.project-link-inline{display:inline-block;color:#007aff;text-decoration:none;font-weight:500;transition:all .2s ease}.project-link-inline:hover{color:#0051d5;text-decoration:underline}.contact-link{color:#007aff;text-decoration:none;font-weight:500;font-size:1.25rem;transition:all .2s ease}.contact-link:hover{color:#0051d5;text-decoration:underline}.waving-animation-container{position:absolute;top:-128px;right:120px;pointer-events:none;z-index:10}.waving-animation{width:250px;height:auto}.shape-content-circle{position:relative;background:linear-gradient(135deg,#f8f8f8,#fff,#f0f0f0);overflow:visible;border:none}.shape-content-circle:before{content:"";position:absolute;inset:-3px;border-radius:43px;background:linear-gradient(135deg,#007aff,#34c759,#6b6b6f,red,orange,#007aff);background-size:400% 400%;animation:holographic-border 8s ease-in-out infinite;z-index:-1}.shape-content-circle:after{content:"";position:absolute;inset:0;border-radius:40px;background:linear-gradient(135deg,#f8f8f8,#fff,#f0f0f0);z-index:-1}.shape-content-circle .holographic-overlay{position:absolute;inset:-20px;border-radius:60px;background:radial-gradient(ellipse 100% 100% at 50% 50%,#fff6,#fff0 60%),radial-gradient(ellipse 80% 80% at 20% 20%,#007aff1f,#007aff00 70%),radial-gradient(ellipse 70% 70% at 80% 30%,#34c7591f,#34c75900 70%),radial-gradient(ellipse 75% 75% at 40% 80%,#ff00001a,#f000 70%),radial-gradient(ellipse 80% 80% at 70% 70%,#ffa5001f,#ffa50000 70%),radial-gradient(ellipse 90% 90% at 50% 50%,#6b6b6f0f,#6b6b6f00 80%);background-size:200% 200%;animation:holographic-shimmer 8s ease-in-out infinite;filter:blur(30px);pointer-events:none;z-index:1;clip-path:inset(20px round 40px)}@keyframes holographic-shimmer{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes holographic-border{0%,to{background-position:0% 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}}.shape-content-circle .floating-shapes-bg{overflow:hidden;border-radius:40px}.ambient-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);opacity:0}.ambient-glow-1{width:200px;height:200px;top:10%;left:5%;background:radial-gradient(circle,rgba(0,122,255,.65) 0%,transparent 70%);animation:ambientPulse1 8s ease-in-out infinite}.ambient-glow-2{width:180px;height:180px;top:60%;right:10%;background:radial-gradient(circle,rgba(52,199,89,.6) 0%,transparent 70%);animation:ambientPulse2 10s ease-in-out infinite}.ambient-glow-3{width:220px;height:220px;bottom:15%;left:20%;background:radial-gradient(circle,rgba(255,0,0,.55) 0%,transparent 70%);animation:ambientPulse3 12s ease-in-out infinite}.ambient-glow-4{width:160px;height:160px;top:30%;right:25%;background:radial-gradient(circle,rgba(255,165,0,.6) 0%,transparent 70%);animation:ambientPulse4 9s ease-in-out infinite}.ambient-glow-5{width:140px;height:140px;top:50%;left:40%;background:radial-gradient(circle,rgba(107,107,111,.5) 0%,transparent 70%);animation:ambientPulse5 11s ease-in-out infinite}@keyframes ambientPulse1{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ambientPulse2{0%,to{opacity:0;transform:scale(.9)}40%{opacity:.6;transform:scale(1)}60%{opacity:.5;transform:scale(1.05)}}@keyframes ambientPulse3{0%,to{opacity:0;transform:scale(.85)}30%{opacity:.5;transform:scale(1)}70%{opacity:.65;transform:scale(1.1)}}@keyframes ambientPulse4{0%,to{opacity:0;transform:scale(.9)}55%{opacity:.6;transform:scale(1.05)}}@keyframes ambientPulse5{0%,to{opacity:0;transform:scale(.8)}45%{opacity:.55;transform:scale(1)}}.shape-content-circle h2,.shape-content-circle h3,.shape-content-circle p,.shape-content-circle .faq-question,.shape-content-circle .faq-link{color:#1a1a1a;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,255,255,.9),0 0 30px rgba(255,255,255,.7),0 0 40px rgba(255,255,255,.5)}.shape-content-circle .faq-question{text-shadow:0 0 15px rgba(255,255,255,1),0 0 30px rgba(255,255,255,.95),0 0 45px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.6)}.shape-content-circle p{font-weight:500}.floating-shapes-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floating-shape{position:absolute;opacity:.15}.floating-triangle{animation:floatTriangleDiagonal1 7s ease-in-out infinite,twinkle2 5s ease-in-out infinite}.floating-triangle-2{animation:floatTriangleDiagonal2 8s ease-in-out infinite,twinkle1 5.5s ease-in-out infinite}.floating-triangle-3{animation:floatTriangleDiagonal3 6s ease-in-out infinite,twinkle2 4.5s ease-in-out infinite}.floating-triangle-4{animation:floatTriangleDiagonal4 9s ease-in-out infinite,twinkle3 5s ease-in-out infinite}.floating-square{width:40px;height:40px;background:#007aff;top:15%;left:10%}.floating-square-2{width:25px;height:25px;background:#007aff;bottom:20%;right:15%}.floating-square-3{width:18px;height:18px;background:#007aff;top:45%;left:25%;animation:float3 8s ease-in-out infinite,twinkle3 5s ease-in-out infinite}.floating-square-4{width:30px;height:30px;background:#007aff;bottom:10%;left:40%;animation:float1 11s ease-in-out infinite,twinkle1 6s ease-in-out infinite}.floating-triangle{width:0;height:0;border-left:30px solid #34C759;border-top:18px solid transparent;border-bottom:18px solid transparent;top:60%;left:5%}.floating-triangle-2{width:0;height:0;border-left:20px solid #34C759;border-top:12px solid transparent;border-bottom:12px solid transparent;top:25%;right:20%}.floating-triangle-3{width:0;height:0;border-left:24px solid #34C759;border-top:14px solid transparent;border-bottom:14px solid transparent;bottom:15%;right:30%;animation:float2 9s ease-in-out infinite,twinkle2 4.5s ease-in-out infinite}.floating-triangle-4{width:0;height:0;border-left:16px solid #34C759;border-top:10px solid transparent;border-bottom:10px solid transparent;top:70%;left:30%;animation:float1 8s ease-in-out infinite,twinkle3 5s ease-in-out infinite}.floating-circle{width:35px;height:35px;background:#6b6b6f;border-radius:50%;top:40%;right:8%}.floating-circle-2{width:20px;height:20px;background:#6b6b6f;border-radius:50%;bottom:30%;left:20%}.floating-circle-3{width:28px;height:28px;background:#6b6b6f;border-radius:50%;top:20%;left:35%;animation:float1 9s ease-in-out infinite,twinkle2 5s ease-in-out infinite}.floating-circle-4{width:15px;height:15px;background:#6b6b6f;border-radius:50%;bottom:15%;right:40%;animation:float2 7s ease-in-out infinite,twinkle1 4.5s ease-in-out infinite}.floating-diamond{width:28px;height:28px;background:red;transform:rotate(45deg);border-radius:4px;top:75%;right:25%;animation:floatDiamond 10s ease-in-out infinite,twinkle1 3.5s ease-in-out infinite}.floating-diamond-2{width:20px;height:20px;background:red;transform:rotate(45deg);border-radius:3px;top:30%;left:8%;animation:floatDiamond 8s ease-in-out infinite,twinkle2 4s ease-in-out infinite}.floating-diamond-3{width:18px;height:18px;background:red;transform:rotate(45deg);border-radius:3px;bottom:40%;right:12%;animation:floatDiamond 11s ease-in-out infinite,twinkle3 5.5s ease-in-out infinite}.floating-star{width:60px;height:60px;top:10%;right:30%;animation:float2 9s ease-in-out infinite,twinkle2 3s ease-in-out infinite}.floating-star .floating-star-bar1{width:8px;height:60px}.floating-star .floating-star-bar2{width:60px;height:8px}.floating-star .floating-star-bar3,.floating-star .floating-star-bar4{width:8px;height:60px}.floating-star-2{width:45px;height:45px;bottom:25%;left:12%;animation:float1 7s ease-in-out infinite,twinkle1 4s ease-in-out infinite}.floating-star-2 .floating-star-bar1{width:6px;height:45px}.floating-star-2 .floating-star-bar2{width:45px;height:6px}.floating-star-2 .floating-star-bar3,.floating-star-2 .floating-star-bar4{width:6px;height:45px}.floating-star-3{width:35px;height:35px;top:50%;right:35%;animation:float3 10s ease-in-out infinite,twinkle3 3.5s ease-in-out infinite}.floating-star-3 .floating-star-bar1{width:5px;height:35px}.floating-star-3 .floating-star-bar2{width:35px;height:5px}.floating-star-3 .floating-star-bar3,.floating-star-3 .floating-star-bar4{width:5px;height:35px}.floating-star-bar1,.floating-star-bar2,.floating-star-bar3,.floating-star-bar4{position:absolute;background:orange;border-radius:2px}.floating-star-bar1{width:4px;height:30px;left:50%;top:0;transform:translate(-50%)}.floating-star-bar2{width:30px;height:4px;top:50%;left:0;transform:translateY(-50%)}.floating-star-bar3{width:4px;height:30px;left:50%;top:0;transform:translate(-50%) rotate(45deg);transform-origin:center center}.floating-star-bar4{width:4px;height:30px;left:50%;top:0;transform:translate(-50%) rotate(-45deg);transform-origin:center center}@keyframes circleColorShift1{0%,to{background:#6b6b6f}50%{background:#fff}}@keyframes circleColorShift2{0%,to{background:#fff}50%{background:#6b6b6f}}@keyframes circleColorShift3{0%,to{background:#9a9a9e}33%{background:#fff}66%{background:#6b6b6f}}@keyframes floatTriangleDiagonal1{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(70px) translateY(-70px)}}@keyframes floatTriangleDiagonal2{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-60px) translateY(-80px)}}@keyframes floatTriangleDiagonal3{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(80px) translateY(60px)}}@keyframes floatTriangleDiagonal4{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-70px) translateY(70px)}}@keyframes floatSquareVertical{0%,to{transform:translateY(0)}50%{transform:translateY(-100px)}}@keyframes floatSquareHorizontal{0%,to{transform:translate(0)}50%{transform:translate(80px)}}@keyframes floatSquareVertical2{0%,to{transform:translateY(0)}50%{transform:translateY(90px)}}@keyframes floatSquareHorizontal2{0%,to{transform:translate(0)}50%{transform:translate(-70px)}}@keyframes float1{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-80px) translate(60px) rotate(90deg)}50%{transform:translateY(-40px) translate(-50px) rotate(180deg)}75%{transform:translateY(-120px) translate(30px) rotate(270deg)}}@keyframes float2{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-100px) translate(-70px) rotate(120deg)}66%{transform:translateY(-50px) translate(80px) rotate(240deg)}}@keyframes float3{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-60px) translate(90px) rotate(45deg)}50%{transform:translateY(-130px) translate(-40px) rotate(180deg)}75%{transform:translateY(-70px) translate(-80px) rotate(270deg)}}@keyframes floatDiamond{0%,to{transform:rotate(45deg) translateY(0) translate(0)}25%{transform:rotate(135deg) translateY(-90px) translate(70px)}50%{transform:rotate(225deg) translateY(-50px) translate(-60px)}75%{transform:rotate(315deg) translateY(-110px) translate(40px)}}@keyframes twinkle1{0%,to{opacity:.1;filter:blur(2px)}50%{opacity:.4;filter:blur(0px)}}@keyframes twinkle2{0%,to{opacity:.12;filter:blur(2px)}40%{opacity:.45;filter:blur(0px)}60%{opacity:.35;filter:blur(.5px)}}@keyframes twinkle3{0%,to{opacity:.15;filter:blur(1.5px)}30%{opacity:.25;filter:blur(1px)}70%{opacity:.5;filter:blur(0px)}}.floating-square{animation:floatSquareVertical 6s ease-in-out infinite,twinkle1 4s ease-in-out infinite}.floating-square-2{animation:floatSquareHorizontal 8s ease-in-out infinite,twinkle2 4.5s ease-in-out infinite}.floating-square-3{animation:floatSquareVertical2 7s ease-in-out infinite,twinkle3 5s ease-in-out infinite}.floating-square-4{animation:floatSquareHorizontal2 9s ease-in-out infinite,twinkle1 6s ease-in-out infinite}.floating-circle{animation:float2 11s ease-in-out infinite,twinkle3 6s ease-in-out infinite,circleColorShift1 5s ease-in-out infinite}.floating-circle-2{animation:float3 8s ease-in-out infinite,twinkle3 4s ease-in-out infinite,circleColorShift2 7s ease-in-out infinite}.floating-circle-3{animation:float1 9s ease-in-out infinite,twinkle2 5s ease-in-out infinite,circleColorShift3 6s ease-in-out infinite}.floating-circle-4{animation:float2 7s ease-in-out infinite,twinkle1 4.5s ease-in-out infinite,circleColorShift1 8s ease-in-out infinite}.floating-diamond{animation:floatDiamond 10s ease-in-out infinite,twinkle1 3.5s ease-in-out infinite}.floating-diamond-2{animation:floatDiamond 8s ease-in-out infinite,twinkle2 4s ease-in-out infinite}.floating-diamond-3{animation:floatDiamond 11s ease-in-out infinite,twinkle3 5.5s ease-in-out infinite}.floating-star{animation:float2 9s ease-in-out infinite,twinkle2 3s ease-in-out infinite}.floating-star-2{animation:float1 7s ease-in-out infinite,twinkle1 4s ease-in-out infinite}.floating-star-3{animation:float3 10s ease-in-out infinite,twinkle3 3.5s ease-in-out infinite}.shape-content-circle .content-body{position:relative;z-index:1}.shape-content-circle .waving-animation-container{z-index:10}.fffilipeee-projects{margin-top:20px;margin-bottom:80px;opacity:1;transition:opacity .15s ease-out,transform .3s ease-out,margin-top .3s ease-out;transform:translateY(0);mix-blend-mode:difference}.transitioning .fffilipeee-projects{opacity:0;transform:translateY(0)}.fffilipeee-footer{transition:opacity .15s ease-out,transform .3s ease-out;transform:translateY(0)}.transitioning .fffilipeee-footer{opacity:0;transform:translateY(0)}.fffilipeee-projects h3,.fffilipeee-projects h1{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin:0 auto 40px;text-align:center;color:#000}.projects-grid{display:flex;justify-content:center;gap:30px}.project-card{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;text-decoration:none;color:#2a2a2a;transition:all .3s ease;border:1px solid rgba(100,100,100,.15);box-shadow:0 2px 8px #0000000d}.project-card:hover{transform:translateY(-8px);background:#fffc;box-shadow:0 8px 24px #0000001f}.project-card-faboolos{position:relative;background:linear-gradient(to bottom,rgba(145,115,175,.58),rgba(140,110,170,.56),rgba(135,105,165,.54),rgba(130,100,160,.52),rgba(125,95,155,.5),rgba(120,92,150,.49),rgba(115,88,145,.48),rgba(110,85,140,.46),rgba(105,82,135,.45),rgba(100,78,130,.43),rgba(95,75,125,.42),rgba(90,72,120,.39),rgba(88,70,118,.36),rgba(85,68,115,.32),rgba(82,66,112,.28),rgba(80,64,110,.22),rgba(82,66,112,.17),rgba(85,68,115,.11),rgba(88,70,118,.07),rgba(90,72,120,.03),transparent),#2d2346;border:3px solid transparent;background-clip:padding-box;text-align:center;max-width:500px;border-radius:24px;transform-style:preserve-3d;animation:float-card 6s ease-in-out infinite;box-shadow:0 20px 40px #0000004d,0 10px 20px #9b73af33,inset 0 1px 1px #ffffff0d;transition:box-shadow .6s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}@keyframes float-card{0%,to{transform:perspective(1000px) rotateX(2deg) translateY(0)}50%{transform:perspective(1000px) rotateX(2deg) translateY(-10px)}}.project-card-faboolos:before{content:"";position:absolute;inset:-3px;border-radius:24px;background:linear-gradient(135deg,#9b73af,#7b68be 16.6%,#6b8dd6,#5ba3d0 50%,#6bc9a0 66.6%,#7b68be,#9b73af);background-size:400% 400%;animation:magical-border 8s ease-in-out infinite;z-index:-1;opacity:.7;transition:opacity .6s ease}.project-card-faboolos:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,#9b73af26,#6b8dd633,#6bc9a026,#7b68be33,#9b73af26);background-size:200% 200%;animation:holographic-shimmer 4s linear infinite;opacity:.3;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .6s ease}.project-card-faboolos:hover{background:linear-gradient(to bottom,rgba(155,125,185,.68),rgba(150,120,180,.66),rgba(145,115,175,.64),rgba(140,110,170,.62),rgba(135,105,165,.6),rgba(130,102,160,.59),rgba(125,98,155,.58),rgba(120,95,150,.56),rgba(115,92,145,.55),rgba(110,88,140,.53),rgba(105,85,135,.52),rgba(100,82,130,.49),rgba(98,80,128,.46),rgba(95,78,125,.42),rgba(92,76,122,.38),rgba(90,74,120,.32),rgba(92,76,122,.27),rgba(95,78,125,.21),rgba(98,80,128,.17),rgba(100,82,130,.13),transparent),#372d50;transform:perspective(1000px) rotateX(2deg) scale(1.03);box-shadow:0 30px 60px #0006,0 15px 30px #9b73af4d,inset 0 1px 1px #ffffff14}.project-card-faboolos:hover:before{opacity:.9;transition:opacity .6s ease}.project-card-faboolos:hover:after{opacity:.5}.faboolos-logo{width:280px;height:auto;margin-bottom:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-card-faboolos .faboolos-tagline{color:#fee49d;font-family:Georgia,serif;font-size:1.4rem!important;font-weight:500;margin:-10px 0 20px;text-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:.02em;line-height:1.5}.project-link-faboolos{color:#fee49d!important;background:#fee49d26;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:5px;border:2.5px solid rgba(254,228,157,.4);transition:all .3s ease;padding:0;position:relative}.project-link-faboolos .sf-symbol{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:28px;font-weight:400;color:#fee49d;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;display:flex;align-items:center;justify-content:center}.project-card-faboolos:hover .project-link-faboolos{background:#fee49d4d;border-color:#fee49db3;transform:translate(4px);box-shadow:0 4px 26px #fee49d80}.project-card.coming-soon{opacity:.5;cursor:default}.project-card.coming-soon:hover{transform:none;background:#fff9;box-shadow:0 2px 8px #0000000d}.project-card-contact{position:relative;background:linear-gradient(to bottom,rgba(107,107,111,.58),rgba(100,100,105,.56),rgba(95,95,100,.54),rgba(90,90,95,.52),rgba(85,85,90,.5),rgba(80,80,85,.49),rgba(75,75,80,.48),rgba(70,70,75,.46),rgba(65,65,70,.45),rgba(60,60,65,.43),rgba(55,55,60,.42),rgba(50,50,55,.39),rgba(48,48,53,.36),rgba(45,45,50,.32),rgba(42,42,47,.28),rgba(40,40,45,.22),rgba(42,42,47,.17),rgba(45,45,50,.11),rgba(48,48,53,.07),rgba(50,50,55,.03),transparent),#2d2d32;border:3px solid transparent;background-clip:padding-box;text-align:center;max-width:500px;border-radius:24px;transform-style:preserve-3d;animation:float-card 6s ease-in-out infinite;animation-delay:-3s;box-shadow:0 20px 40px #0000004d,0 10px 20px #6b6b6f33,inset 0 1px 1px #ffffff0d;transition:box-shadow .6s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.project-card-contact:before{content:"";position:absolute;inset:-3px;border-radius:24px;background:linear-gradient(135deg,#8e8e93,#aeaeb2 16.6%,#c7c7cc,#d1d1d6 50%,#c7c7cc 66.6%,#aeaeb2,#8e8e93);background-size:400% 400%;animation:magical-border 8s ease-in-out infinite;z-index:-1;opacity:.5;transition:opacity .6s ease}.project-card-contact:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,#8e8e9326,#aeaeb233,#c7c7cc26,#aeaeb233,#8e8e9326);background-size:200% 200%;animation:holographic-shimmer 4s linear infinite;opacity:.3;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .6s ease}.project-card-contact:hover{background:linear-gradient(to bottom,rgba(117,117,121,.68),rgba(110,110,115,.66),rgba(105,105,110,.64),rgba(100,100,105,.62),rgba(95,95,100,.6),rgba(90,90,95,.59),rgba(85,85,90,.58),rgba(80,80,85,.56),rgba(75,75,80,.55),rgba(70,70,75,.53),rgba(65,65,70,.52),rgba(60,60,65,.49),rgba(58,58,63,.46),rgba(55,55,60,.42),rgba(52,52,57,.38),rgba(50,50,55,.32),rgba(52,52,57,.27),rgba(55,55,60,.21),rgba(58,58,63,.17),rgba(60,60,65,.13),transparent),#37373c;transform:perspective(1000px) rotateX(2deg) scale(1.03);box-shadow:0 30px 60px #0006,0 15px 30px #6b6b6f4d,inset 0 1px 1px #ffffff14}.project-card-contact:hover:before{opacity:.7}.project-card-contact:hover:after{opacity:.5}.project-card-contact{display:flex;flex-direction:column;align-items:center}.project-card-contact .project-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.contact-logo{display:block;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-card-contact .contact-tagline{color:#fffffff2;font-family:Georgia,serif;font-size:1.4rem!important;font-weight:500;margin:-10px 0 20px;text-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:.02em;line-height:1.5}.project-link-contact{color:#fff!important;background:#ffffff26;width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:5px;border:2.5px solid rgba(255,255,255,.4);transition:all .3s ease;padding:0;text-decoration:none;position:relative}.project-link-contact .contact-icon{width:26px;height:26px;color:#fff;stroke:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card-contact:hover .project-link-contact{background:#ffffff4d;border-color:#ffffffb3;transform:scale(1.05);box-shadow:0 4px 26px #fff6}.contact-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease;padding:20px}.contact-modal{background:linear-gradient(to bottom,#6b6b6ff2,#505055fa);border-radius:24px;padding:40px;max-width:500px;width:100%;position:relative;box-shadow:0 30px 60px #0006,0 15px 30px #8e8e9333,inset 0 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.2);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;min-width:40px;min-height:40px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:9999px;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;aspect-ratio:1 / 1;padding:0;line-height:1}.contact-modal-close:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.contact-modal-title{color:#fff;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin:0 0 10px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.contact-modal-subtitle{color:#ffffffe6;font-family:Georgia,serif;font-size:1.1rem;text-align:center;margin:0 0 25px;line-height:1.5}.contact-modal-form{display:flex;flex-direction:column;gap:12px}.contact-modal-input,.contact-modal-textarea{width:100%;padding:14px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-size:1rem;font-family:Work Sans,sans-serif;transition:all .3s ease;box-sizing:border-box}.contact-modal-input::placeholder,.contact-modal-textarea::placeholder{color:#ffffff80}.contact-modal-input:focus,.contact-modal-textarea:focus{outline:none;background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.contact-modal-textarea{resize:vertical;min-height:100px}.contact-modal-button{padding:14px 24px;background:#ffffffe6;border:none;border-radius:12px;color:#6b6b6f;font-size:1rem;font-weight:600;font-family:Work Sans,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px}.contact-modal-button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.contact-modal-button:disabled{opacity:.6;cursor:not-allowed}.contact-modal-email{color:#fffc;font-size:.95rem;text-align:center;margin:20px 0 0}.contact-modal-email a{color:#fff;text-decoration:underline;font-weight:500;transition:opacity .2s ease}.contact-modal-email a:hover{opacity:.8}@media (max-width: 768px){.contact-modal{padding:30px 20px;margin:10px;max-width:calc(100% - 20px)}.contact-modal-title{font-size:1.6rem}.contact-modal-subtitle{font-size:1rem}.contact-modal-input,.contact-modal-textarea{font-size:16px;padding:12px 14px}.contact-modal-close{width:35px;height:35px;font-size:1rem;top:12px;right:12px}}.project-card-content h4{font-size:1.75rem;font-weight:600;margin:0 0 12px}.project-card-content p{font-size:1.1rem;line-height:1.6;opacity:.9;margin:0 0 20px}.project-link{display:inline-block;font-weight:500;font-size:1.1rem}.fffilipeee-contact{text-align:center;margin-bottom:80px}.fffilipeee-contact h3{font-size:2rem;font-weight:600;margin-bottom:20px;color:#2a2a2a}.fffilipeee-contact p{font-size:1.25rem;color:#4a4a4a;margin-bottom:30px}.contact-button{display:inline-block;background:#2a2a2a;color:#f5f5f5;padding:16px 40px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid #2a2a2a}.contact-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003;background:#1a1a1a;border-color:#1a1a1a}.fffilipeee-footer{text-align:center;padding:20px 40px;border-top:1px solid rgba(255,255,255,.8);opacity:1;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:16px;mix-blend-mode:difference}.footer-social-links{display:flex;gap:20px;justify-content:center}.footer-social-icon{width:28px;height:28px;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.footer-social-icon svg{width:100%;height:100%}.footer-social-icon:hover{opacity:.7;transform:translateY(-2px)}.fffilipeee-footer p{margin:0;font-size:.95rem;color:#fff}.theme-square{font-family:Space Grotesk,sans-serif}.fffilipeee-home:has(.theme-square){background:linear-gradient(to bottom,#e8f2ff,#b8d4f0)}.fffilipeee-home:has(.theme-square):before{background-image:linear-gradient(rgba(0,122,255,.35) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,122,255,.35) 1.5px,transparent 1.5px);opacity:1}.theme-square .logo-text{color:#007aff;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.theme-square .fffilipeee-projects,.theme-square .project-card,.theme-square .fffilipeee-footer{font-family:Space Grotesk,sans-serif}.theme-triangle{font-family:JetBrains Mono,monospace}.fffilipeee-home:has(.theme-triangle){background:linear-gradient(to bottom,#0d1a12,#1d3a24)}.fffilipeee-home:has(.theme-triangle):before{background:repeating-linear-gradient(0deg,rgba(52,199,89,.3) 0px,rgba(52,199,89,.3) 1.5px,transparent 1.5px,transparent 30px,rgba(52,199,89,.3) 30px,rgba(52,199,89,.3) 31.5px,transparent 31.5px,transparent 60px),repeating-linear-gradient(90deg,rgba(52,199,89,.3) 0px,rgba(52,199,89,.3) 1.5px,transparent 1.5px,transparent 30px,rgba(52,199,89,.3) 30px,rgba(52,199,89,.3) 31.5px,transparent 31.5px,transparent 60px);background-size:60px 60px,60px 60px;opacity:1}.theme-triangle .fffilipeee-projects h3{color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.theme-triangle .logo-text{color:#34c759;font-weight:600;text-transform:lowercase;letter-spacing:.05em}.theme-triangle .fffilipeee-projects,.theme-triangle .project-card,.theme-triangle .fffilipeee-footer{font-family:JetBrains Mono,monospace}.theme-triangle .fffilipeee-projects h3{color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.3)}.theme-circle{font-family:Work Sans,sans-serif}.fffilipeee-home:has(.theme-circle){background:linear-gradient(to bottom,#fff,#e8e8e8 35%,#757575)}.fffilipeee-home:has(.theme-circle):before{background-image:linear-gradient(rgba(107,107,111,.3) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(107,107,111,.3) 1.5px,transparent 1.5px);background-size:100px 100px;opacity:1}.theme-circle .logo-text{color:#8e8e93;font-weight:300;text-transform:lowercase;letter-spacing:.02em}.theme-circle .fffilipeee-projects,.theme-circle .project-card,.theme-circle .fffilipeee-footer{font-family:Work Sans,sans-serif}.theme-diamond{font-family:Playfair Display,serif}.fffilipeee-home:has(.theme-diamond){background:linear-gradient(to bottom,#600,#a00,red)}.fffilipeee-home:has(.theme-diamond):before{background-image:url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg"><rect x="21" y="21" width="8" height="8" rx="1" fill="rgba(255,255,255,0.15)" transform="rotate(45 24 24)"/></svg>');background-size:50px 50px;background-position:0 0;background-repeat:repeat;opacity:1}.theme-diamond .logo-text{color:#fff;font-weight:700;font-style:normal;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Poppins,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;text-transform:lowercase}.theme-diamond .fffilipeee-projects,.theme-diamond .project-card,.theme-diamond .fffilipeee-footer{font-family:Playfair Display,serif}.theme-star{font-family:Crimson Pro,serif}.fffilipeee-home:has(.theme-star){background:linear-gradient(to bottom,#fff8e8,#f0e0b8)}.fffilipeee-home:has(.theme-star):before{background-image:linear-gradient(rgba(0,122,255,.2) 2px,transparent 2px),linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,0,0,.3) 79px,rgba(255,0,0,.3) 82px,transparent 82px);background-size:100% 50px,100% 100%;background-position:0 0,0 0;opacity:1}.theme-star .logo-text{color:#ffc413;font-weight:600;text-transform:lowercase;letter-spacing:.03em}.theme-star .fffilipeee-projects,.theme-star .project-card,.theme-star .fffilipeee-footer{font-family:Crimson Pro,serif}@media (max-width: 768px){.fffilipeee-container{padding:0 15px 20px;margin-top:calc(-1*env(safe-area-inset-top,0px));max-width:100%;overflow-x:hidden;box-sizing:border-box}.fffilipeee-header{margin-bottom:30px;min-height:auto;margin-top:0}.fffilipeee-logo{margin:0 0 20px}.logo-avatar{width:100%;max-width:400px;height:auto;margin-bottom:10px;margin-top:-60px;box-sizing:content-box}.logo-signature{width:220px}.logo-signature-active{width:250px;height:auto}.logo-text{font-size:2.5rem;height:60px}.shapes-row{width:100%;max-width:100%;gap:25px;margin:25px auto 0;flex-wrap:wrap;justify-content:center;padding:0 15px}.shape-wrapper{flex-direction:column;align-items:center;min-height:85px;justify-content:space-between;gap:8px}.shape,.shape-square,.shape-circle{width:48px;height:48px}.shape-triangle{width:0;height:0;border-left:42px solid #34C759;border-top:24px solid transparent;border-bottom:24px solid transparent}.shape-diamond{width:36px;height:36px;margin-top:6px;margin-bottom:6px}.shape-star{width:48px;height:48px}.shape-star:before{width:4px;height:40px}.shape-star:after{width:40px;height:4px}.shape-star-diagonal1,.shape-star-diagonal2{width:4px;height:40px;margin-left:-2px;margin-top:-20px}.shape-label{font-size:.95rem;margin-top:auto;font-weight:700;opacity:.9}.shape-content{padding:20px 15px;border-radius:16px;max-width:100%;box-sizing:border-box}.shape-content h2{font-size:1.5rem}.shape-content h3{font-size:1.1rem}.shape-content p{font-size:.95rem}.faq-item{margin-bottom:20px}.faq-question{font-size:1.1rem}.shape-content-circle .faq-question{font-size:1.2rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.shape-content-circle .faq-question>span{white-space:normal}.shape-content-circle{overflow:visible}.shape-content-circle .floating-shapes-bg{overflow:hidden;border-radius:16px}@keyframes floatSquareVerticalMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes floatSquareHorizontalMobile{0%,to{transform:translate(0)}50%{transform:translate(30px)}}@keyframes floatSquareVertical2Mobile{0%,to{transform:translateY(0)}50%{transform:translateY(35px)}}@keyframes floatSquareHorizontal2Mobile{0%,to{transform:translate(0)}50%{transform:translate(-25px)}}@keyframes floatTriangleDiagonal1Mobile{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(25px) translateY(-25px)}}@keyframes floatTriangleDiagonal2Mobile{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-20px) translateY(-30px)}}@keyframes floatTriangleDiagonal3Mobile{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(30px) translateY(20px)}}@keyframes floatTriangleDiagonal4Mobile{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-25px) translateY(25px)}}@keyframes float1Mobile{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(-15px) translate(-20px) rotate(180deg)}75%{transform:translateY(-40px) translate(10px) rotate(270deg)}}@keyframes float2Mobile{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-35px) translate(-25px) rotate(120deg)}66%{transform:translateY(-20px) translate(30px) rotate(240deg)}}@keyframes float3Mobile{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-25px) translate(30px) rotate(45deg)}50%{transform:translateY(-45px) translate(-15px) rotate(180deg)}75%{transform:translateY(-25px) translate(-30px) rotate(270deg)}}@keyframes floatDiamondMobile{0%,to{transform:rotate(45deg) translateY(0) translate(0)}25%{transform:rotate(135deg) translateY(-30px) translate(25px)}50%{transform:rotate(225deg) translateY(-20px) translate(-20px)}75%{transform:rotate(315deg) translateY(-35px) translate(15px)}}.floating-square{animation:floatSquareVerticalMobile 6s ease-in-out infinite,twinkle1 4s ease-in-out infinite!important}.floating-square-2{animation:floatSquareHorizontalMobile 8s ease-in-out infinite,twinkle2 4.5s ease-in-out infinite!important}.floating-square-3{animation:floatSquareVertical2Mobile 7s ease-in-out infinite,twinkle3 5s ease-in-out infinite!important}.floating-square-4{animation:floatSquareHorizontal2Mobile 9s ease-in-out infinite,twinkle1 6s ease-in-out infinite!important}.floating-triangle{animation:floatTriangleDiagonal1Mobile 7s ease-in-out infinite,twinkle2 5s ease-in-out infinite!important}.floating-triangle-2{animation:floatTriangleDiagonal2Mobile 8s ease-in-out infinite,twinkle1 5.5s ease-in-out infinite!important}.floating-triangle-3{animation:floatTriangleDiagonal3Mobile 6s ease-in-out infinite,twinkle2 4.5s ease-in-out infinite!important}.floating-triangle-4{animation:floatTriangleDiagonal4Mobile 9s ease-in-out infinite,twinkle3 5s ease-in-out infinite!important}.floating-circle{animation:float2Mobile 11s ease-in-out infinite,twinkle3 6s ease-in-out infinite,circleColorShift1 5s ease-in-out infinite!important}.floating-circle-2{animation:float3Mobile 8s ease-in-out infinite,twinkle3 4s ease-in-out infinite,circleColorShift2 7s ease-in-out infinite!important}.floating-circle-3{animation:float1Mobile 9s ease-in-out infinite,twinkle2 5s ease-in-out infinite,circleColorShift3 6s ease-in-out infinite!important}.floating-circle-4{animation:float2Mobile 7s ease-in-out infinite,twinkle1 4.5s ease-in-out infinite,circleColorShift1 8s ease-in-out infinite!important}.floating-diamond{animation:floatDiamondMobile 10s ease-in-out infinite,twinkle1 3.5s ease-in-out infinite!important}.floating-diamond-2{animation:floatDiamondMobile 7s ease-in-out infinite,twinkle2 4s ease-in-out infinite!important}.floating-diamond-3{animation:floatDiamondMobile 9s ease-in-out infinite,twinkle3 5s ease-in-out infinite!important}.shape-content-circle:before{border-radius:19px}.shape-content-circle:after{border-radius:16px}.shape-content-circle .holographic-overlay{border-radius:36px;clip-path:inset(20px round 16px)}.shape-content-circle .waving-animation-container{top:-90px;right:20px}.shape-content-circle .ambient-glow{width:120px;height:120px;filter:blur(40px)}.contact-form{padding:15px}.form-input,.form-textarea{font-size:16px}.art-gallery-masonry{columns:1;gap:10px}.art-card img{border-radius:8px}.art-lightbox-content img{max-width:95vw;max-height:70vh}.art-lightbox-nav{width:45px;height:45px;min-width:45px;min-height:45px;font-size:1.2rem}.art-lightbox-nav.prev{left:-55px}.art-lightbox-nav.next{right:-55px}.art-lightbox-close{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.2rem;top:-50px;right:0}.art-lightbox-counter{font-size:.9rem;bottom:-40px}.waving-animation-container{top:-115px;right:40px}.waving-animation{width:180px}.story-embed-container{max-width:100%;border-radius:12px}.story-embed-iframe{height:350px}.instagram-feed-section{padding-top:20px;margin-top:20px}.instagram-feed-title{font-size:1.1rem}.fffilipeee-projects{padding:30px 0}.fffilipeee-projects h3{font-size:1rem}.projects-grid{flex-direction:column;gap:20px;width:100%}.project-card{padding:25px;max-width:100%;width:100%}.project-card-faboolos,.project-card-contact{max-width:100%}.faboolos-logo{width:200px;height:auto}.faboolos-tagline{font-size:1rem}.contact-logo{font-size:1.8rem}.contact-tagline{font-size:1rem!important}.fffilipeee-footer{padding:30px 15px}.footer-social-links{gap:15px}.footer-social-icon{width:35px;height:35px}.fffilipeee-tagline{font-size:1.2rem}.fffilipeee-intro h2{font-size:2rem}.fffilipeee-intro p{font-size:1.1rem}}.faboolos-landing{min-height:100vh;position:relative;background:linear-gradient(to bottom,#2d2641,#28223c,#241e37 30%,#201b32,#1c182d 70%,#181428,#141123);font-family:Georgia,serif}.faboolos-landing:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(254,228,157,.03) 1px,rgba(254,228,157,.03) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(254,228,157,.03) 1px,rgba(254,228,157,.03) 2px),repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px);opacity:.6;pointer-events:none;mix-blend-mode:overlay;z-index:0}.faboolos-nav{padding:30px 40px;background:transparent;position:relative;z-index:10}.faboolos-landing:before{content:"";position:absolute;top:0;left:0;right:0;height:240vh;background:linear-gradient(180deg,rgba(100,70,140,.7) 0%,rgba(85,60,120,.55) 15%,rgba(70,50,100,.4) 30%,rgba(55,42,85,.25) 50%,rgba(45,35,70,.1) 70%,transparent 100%);pointer-events:none;z-index:2}.faboolos-nav,.faboolos-hero,.faboolos-products,.faboolos-features,.faboolos-cta,.faboolos-footer{position:relative;z-index:3}.back-link{color:#fee49d;text-decoration:none;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;transition:opacity .3s ease;position:relative;z-index:1}.back-link:hover{opacity:.7}.faboolos-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;overflow:hidden}.hero-content{position:relative;z-index:2;width:100%;max-width:1200px}.faboolos-logo-hero{max-width:650px;width:95%;height:auto;margin-bottom:30px;animation:float 4s ease-in-out infinite,glow 8s ease-in-out infinite;will-change:transform,filter}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow{0%,to{filter:drop-shadow(0 8px 20px rgba(254,228,157,.35)) brightness(1) hue-rotate(0deg)}33%{filter:drop-shadow(0 12px 25px rgba(254,228,157,.5)) brightness(1.08) hue-rotate(8deg)}66%{filter:drop-shadow(0 10px 22px rgba(220,200,255,.4)) brightness(1.05) hue-rotate(-5deg)}}.faboolos-app-icon{max-width:200px;width:200px;height:200px;margin-bottom:30px;border-radius:44px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));object-fit:cover}.faboolos-title{font-size:6rem;font-weight:400;color:#fee49d;margin:0 0 20px;letter-spacing:2px}.faboolos-subtitle{font-size:1.5rem;color:#fee49d;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.faboolos-products{padding:100px 40px;background:transparent}.products-container{max-width:1200px;margin:0 auto}.products-container h2{font-size:3rem;color:#fee49d;text-align:center;margin-bottom:60px;font-weight:400}.product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.product-card{position:relative;padding:50px 50px 100px;border-radius:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-start;border:3px solid transparent;background-clip:padding-box;transform-style:preserve-3d;box-shadow:0 20px 40px #0000004d,0 10px 20px #9b73af33,inset 0 1px 1px #ffffff0d;transition:box-shadow .6s cubic-bezier(.4,0,.2,1),background .6s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.product-card:before{content:"";position:absolute;inset:-3px;border-radius:24px;background:linear-gradient(135deg,#fee49d,#e8d090,#fee49d,#e8d090,#fee49d);background-size:400% 400%;animation:magical-border 8s ease-in-out infinite;z-index:-1;opacity:.7;transition:opacity .6s ease}.product-card-events:before{background:linear-gradient(135deg,#d88bc8,#c47ab8,#e8a0d8,#c47ab8,#d88bc8);background-size:400% 400%;animation:magical-border 8s ease-in-out infinite}.product-card:after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,#fee49d26,#fee49d33,#fee49d26,#fee49d33,#fee49d26);background-size:200% 200%;animation:holographic-shimmer 4s linear infinite;opacity:.3;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .6s ease}.product-card-events:after{background:linear-gradient(135deg,#d88bc826,#e8a0d833,#c47ab826,#e8a0d833,#d88bc826);background-size:200% 200%;animation:holographic-shimmer 4s linear infinite}@keyframes magical-border{0%,to{background-position:0% 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}}@keyframes holographic-shimmer{0%{background-position:0% 0%}to{background-position:200% 200%}}.product-card:hover{transform:scale(1.03);box-shadow:0 30px 60px #0006,0 15px 30px #9b73af4d,inset 0 1px 1px #ffffff14}.product-card:hover:before{opacity:.9}.product-card:hover:after{opacity:.5}.product-card-app{background:linear-gradient(to bottom,#231e37f2,#1e1930e6,#19162ad9),#161226}.product-card-app:hover{background:linear-gradient(to bottom,#2d2641fa,#262037f2,#201c30e6),#1c182d}.product-card-events{background:linear-gradient(to bottom,#3c1e32f2,#32192ae6,#2a1624d9),#261420}.product-card-events:hover{background:linear-gradient(to bottom,#4b283efa,#3e2034f2,#341c2ce6),#301a28}.product-card.featured{border:2px solid #FEE49D}.featured-badge{position:absolute;top:20px;right:20px;background:#fee49d;color:#3c346e;padding:6px 16px;border-radius:20px;font-size:.85rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.featured-badge-events{position:absolute;top:20px;right:20px;background:#d88bc84d;color:#e8b8e0;padding:6px 16px;border-radius:20px;font-size:.85rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;border:1px solid rgba(216,139,200,.5)}.product-app-icon{width:180px;height:180px;border-radius:40px;display:block;margin:0 auto 25px;box-shadow:0 8px 24px #0006;transition:all .3s ease}.product-card:hover .product-app-icon{box-shadow:0 12px 36px #fee49d4d}.product-stories-icon{width:180px;height:180px;border-radius:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;background:linear-gradient(135deg,#d88bc84d,#8b478966);border:2px solid rgba(232,160,216,.4);box-shadow:0 8px 24px #0006;transition:all .3s ease;padding:25px}.product-stories-logo{width:100%;height:100%;object-fit:contain}.product-card-events:hover .product-stories-icon{box-shadow:0 12px 36px #d88bc866;border-color:#e8a0d899}.product-link-arrow{color:#fee49d!important;background:#fee49d26;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid rgba(254,228,157,.4);transition:all .3s ease;position:absolute;bottom:30px;left:50%;transform:translate(-50%);cursor:pointer}.product-link-arrow-lock{background:#fee49d26;border:2.5px solid rgba(254,228,157,.4)}.product-link-arrow-lock:hover{background:#fee49d4d;border-color:#fee49db3;transform:scale(1.05);box-shadow:0 4px 26px #fee49d80}.lock-symbol{font-size:28px;line-height:1}.arrow-symbol{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:28px;font-weight:400;color:#fee49d;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;display:flex;align-items:center;justify-content:center}.product-card:hover .product-link-arrow{background:#fee49d4d;border-color:#fee49db3;transform:translate(-50%) translateY(-3px);box-shadow:0 4px 26px #fee49d80}.product-card h3{font-size:2rem;color:#fee49d;margin:0 0 20px;font-weight:400}.product-title-centered{text-align:center}.product-card p{font-size:1.1rem;line-height:1.7;color:#fee49dd9;margin-bottom:30px}.product-description-centered,.product-card-events .product-title-centered,.product-card-events .product-description-centered,.product-card-events h4,.product-card-events .password-form,.product-card-events .stories-list{text-align:center}.product-card-events h3{color:#e8c0e0}.product-card-events p{color:#e8c0e0e6}.product-card-events .product-link-arrow{color:#e8c0e0!important;background:#d88bc833;border-color:#d88bc880}.product-card-events:hover .product-link-arrow{background:#d88bc859;border-color:#e8a0d8cc;transform:translate(-50%) translateY(-3px);box-shadow:0 4px 26px #d88bc880}.product-card-events .arrow-symbol{color:#e8c0e0}.product-card-events .password-form{align-items:center}.product-status{color:#fee49d80;font-style:italic;font-size:1rem}.cta-button{display:inline-block;background:linear-gradient(135deg,#b38033,#e6b34d);color:#0f192e;padding:14px 32px;border-radius:6px;text-decoration:none;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#e6b34d,#ffd666);transform:translateY(-2px);box-shadow:0 4px 12px #b3803380}.cta-button-app{background:linear-gradient(135deg,#b38033,#e6b34d);color:#0f192e}.cta-button-app:hover{background:linear-gradient(135deg,#e6b34d,#ffd666)}.cta-button-events{background:#fee49d33;color:#fee49d;border:1px solid rgba(254,228,157,.4)}.cta-button-events:hover{background:#fee49d4d;border-color:#fee49d99}.password-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.password-input{padding:14px 20px;border-radius:6px;border:1px solid rgba(254,228,157,.3);background:#0000004d;color:#fee49d;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease}.password-input::placeholder{color:#fee49d66}.password-input:focus{outline:none;border-color:#fee49d99;background:#0006}.password-error{color:#ff6464;font-size:.9rem;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stories-list{margin-top:20px}.stories-list h4{color:#fee49d;font-size:1.2rem;margin:0 0 16px;font-weight:400}.story-link{text-decoration:none;display:block;transition:transform .2s ease}.story-link:hover{transform:translate(5px)}.story-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;background:#0003;border:1px solid rgba(254,228,157,.2);transition:all .3s ease}.story-item:hover{background:#0000004d;border-color:#fee49d66}.story-icon{font-size:1.8rem}.story-details{flex:1}.story-details strong{color:#fee49d;font-size:1.1rem;display:block;margin-bottom:4px}.story-details p{color:#fee49db3;font-size:.95rem;margin:0}.story-arrow{color:#fee49d;font-size:1.2rem;opacity:.6;transition:opacity .3s ease}.story-item:hover .story-arrow{opacity:1}.faboolos-features{padding:100px 40px;background:transparent}.features-container{max-width:1200px;margin:0 auto}.features-container h2{font-size:3rem;color:#fee49d;text-align:center;margin-bottom:60px;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px}.feature{text-align:center;padding:30px;border-radius:12px;transition:all .3s ease}.feature:nth-child(1){background:linear-gradient(135deg,#372f5099,#2d26464d);border:1px solid rgba(254,228,157,.15)}.feature:nth-child(2){background:linear-gradient(135deg,#322b4b99,#2a24414d);border:1px solid rgba(254,228,157,.15)}.feature:nth-child(3){background:linear-gradient(135deg,#2d264699,#26203c4d);border:1px solid rgba(254,228,157,.15)}.feature:nth-child(4){background:linear-gradient(135deg,#3c325599,#322b4b4d);border:1px solid rgba(254,228,157,.15)}.feature:hover{transform:translateY(-5px);border-color:#fee49d80}.feature-icon{font-size:3rem;margin-bottom:20px;filter:drop-shadow(0 2px 8px rgba(254,228,157,.3))}.feature h4{font-size:1.5rem;color:#fee49d;margin:0 0 12px;font-weight:400}.feature p{font-size:1rem;line-height:1.6;color:#fee49dcc;opacity:.9}.faboolos-stories-section{padding:100px 40px;background:transparent;position:relative;z-index:3}.stories-section-container{max-width:1200px;margin:0 auto}.stories-section-container h2{font-size:3rem;color:#fee49d;text-align:center;margin-bottom:20px;font-weight:400}.stories-section-description{font-size:1.2rem;color:#fee49dcc;text-align:center;margin-bottom:50px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,400px));gap:30px;justify-content:center}.story-card-landing{background:linear-gradient(to bottom,#372f50e6,#2d2646cc),#231e37;border-radius:16px;overflow:hidden;transition:all .3s ease;border:2px solid rgba(254,228,157,.2)}.story-card-landing:hover{transform:translateY(-5px);border-color:#fee49d80;box-shadow:0 15px 40px #0006}.story-card-landing-link{text-decoration:none;display:block}.story-card-landing-image{height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#50448280,#3c346e80);position:relative}.story-icon-large{font-size:4rem}.story-card-landing-content{padding:25px}.story-card-landing-content h3{font-size:1.5rem;color:#fee49d;margin:0 0 8px;font-weight:400}.story-type-landing{font-size:.9rem;color:#fee49d99;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:1px}.story-description-landing{font-size:1rem;color:#fee49dcc;margin:0 0 15px;line-height:1.5}.view-story-landing{color:#fee49d;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;transition:opacity .3s ease}.story-card-landing:hover .view-story-landing{opacity:.8}.story-card-landing-placeholder{display:flex;align-items:center;justify-content:center;min-height:250px}.story-card-landing-placeholder .story-card-landing-content{text-align:center}.placeholder-icon-landing{font-size:3rem;display:block;margin-bottom:15px}.faboolos-cta{padding:120px 40px;background:#fee49d;text-align:center;color:#3c346e}.cta-content h2{font-size:3rem;margin:0 0 20px;font-weight:400}.cta-content p{font-size:1.3rem;opacity:.9;margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-button-large{display:inline-block;background:#2d2641;color:#fee49d;padding:18px 50px;border-radius:50px;text-decoration:none;font-size:1.2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;transition:all .3s ease}.cta-button-large:hover{transform:scale(1.05);box-shadow:0 10px 30px #2d264180}.cta-button-large-app{background:#2d2641;color:#fee49d}.cta-button-large-app:hover{background:#372f50}.cta-button-large-contact{background:#2d2641cc;color:#fee49d;border:2px solid rgb(45,38,65)}.cta-button-large-contact:hover{background:#2d2641}.faboolos-footer{padding:40px;text-align:center;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.faboolos-footer p{margin:0;color:#fee49db3}.faboolos-footer a{color:#fee49d;text-decoration:none;font-weight:500}.faboolos-footer a:hover{text-decoration:underline}@media (max-width: 768px){.faboolos-logo-hero{max-width:1000px}.faboolos-title{font-size:3.5rem}.faboolos-subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button-large{width:100%;max-width:300px}.products-container h2,.features-container h2,.cta-content h2{font-size:2rem}.product-cards,.features-grid{grid-template-columns:1fr}.faboolos-products,.faboolos-features{padding:60px 20px}.faboolos-cta{padding:80px 20px}}.dashboard-container{min-height:100vh;background:linear-gradient(to bottom,#2d2641,#28223c,#231e37 30%,#1e1a32,#19162a 70%,#141123);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.back-link{color:#fee49d;text-decoration:none;font-weight:500;font-size:1rem;transition:opacity .2s}.back-link:hover{opacity:.8}.nav-right{display:flex;align-items:center;gap:15px}.user-email{color:#ffffffb3;font-size:.9rem}.sign-out-button{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.sign-out-button:hover{background:#fff3}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:15px}.loading-icon{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-auth-required{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:40px}.auth-box{text-align:center;padding:60px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:450px}.auth-box-denied{border-color:#dc35454d;background:#dc35450d}.auth-icon{font-size:4rem;display:block;margin-bottom:20px}.auth-box h2{font-size:1.8rem;margin:0 0 15px;font-weight:600}.auth-box p{color:#ffffffb3;margin:0 0 30px;line-height:1.6}.sign-in-button{padding:14px 32px;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.sign-in-button:hover{background:#3367d6;transform:translateY(-1px)}.sign-out-button-large{padding:14px 32px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.sign-out-button-large:hover{background:#fff3}.dashboard-content{max-width:1200px;margin:0 auto;padding:40px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;margin:0;color:#fee49d;font-weight:600}.dashboard-header p{margin:8px 0 0;color:#ffffffb3;font-size:1.1rem}.create-button{padding:14px 28px;background:linear-gradient(135deg,#fee49d,#f5d78e);color:#2d2641;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.create-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fee49d4d}.dashboard-empty{text-align:center;padding:80px 40px;background:#ffffff08;border-radius:20px;border:2px dashed rgba(255,255,255,.1)}.empty-icon{font-size:4rem;display:block;margin-bottom:20px}.dashboard-empty h3{font-size:1.5rem;margin:0 0 10px;color:#fee49d}.dashboard-empty p{color:#fff9;margin:0 0 30px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.story-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:24px;transition:all .2s}.story-card:hover{border-color:#fee49d4d;transform:translateY(-2px)}.story-card-header{margin-bottom:16px}.story-card-header h3{font-size:1.3rem;margin:0 0 12px;color:#fff;font-weight:600}.story-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-draft{background:#6c757d33;color:#adb5bd;border:1px solid rgba(108,117,125,.3)}.badge-published{background:#28a74533;color:#51cf66;border:1px solid rgba(40,167,69,.3)}.badge-testing{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.badge-listed{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.badge-changes{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.story-card-meta{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.story-couple{color:#fee49d;margin:0 0 6px;font-size:.95rem}.story-date{color:#fff9;margin:0 0 6px;font-size:.85rem}.story-updated{color:#ffffff80;margin:0;font-size:.8rem}.story-card-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-edit{background:#6b8dd633;color:#6b8dd6;border:1px solid rgba(107,141,214,.3)}.action-edit:hover:not(:disabled){background:#6b8dd64d}.action-view{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.action-view:hover:not(:disabled){background:#4caf504d}.action-duplicate{background:#9c27b033;color:#ba68c8;border:1px solid rgba(156,39,176,.3)}.action-duplicate:hover:not(:disabled){background:#9c27b04d}.action-delete{background:#dc354533;color:#f06c75;border:1px solid rgba(220,53,69,.3)}.action-delete:hover:not(:disabled){background:#dc35454d}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#2d2641;border-radius:16px;padding:32px;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.1)}.modal-content h3{margin:0 0 12px;font-size:1.4rem;color:#fff}.modal-content p{color:#ffffffb3;margin:0 0 24px;line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.modal-cancel{background:#ffffff1a;color:#fff}.modal-cancel:hover{background:#fff3}.modal-delete{background:#dc3545;color:#fff}.modal-delete:hover:not(:disabled){background:#c82333}.modal-delete:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dashboard-nav{padding:15px 20px;flex-wrap:wrap;gap:10px}.nav-right{flex-wrap:wrap;justify-content:flex-end}.user-email{font-size:.8rem}.dashboard-content{padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.dashboard-header h1{font-size:2rem}.stories-grid{grid-template-columns:1fr}.story-card-actions{flex-direction:column}.action-button{width:100%;justify-content:center}}.protected-route{min-height:100vh;background:linear-gradient(to bottom,#2d2346,#23284b,#0f1e0f)}.auth-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{background:#fffffff2;border-radius:24px;padding:60px 50px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.auth-icon{font-size:4rem;margin-bottom:20px}.auth-card h2{font-size:2.5rem;color:#23284b;margin:0 0 15px;font-weight:600}.auth-description{font-size:1.1rem;color:#23284bb3;margin-bottom:40px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input{padding:16px 20px;border-radius:12px;border:2px solid rgba(107,141,214,.3);background:#fff;color:#23284b;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease}.auth-input:focus{outline:none;border-color:#6b8dd6;box-shadow:0 0 0 4px #6b8dd61a}.auth-button{padding:16px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,#6b8dd6,#9b73af);color:#fff;font-size:1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6b8dd666}.auth-error{color:#dc3545;font-size:.95rem;margin:-10px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-note{margin-top:30px;font-size:.9rem;color:#23284b80;font-style:italic}@media (max-width: 768px){.auth-card{padding:40px 30px}.auth-card h2{font-size:2rem}}*{outline:none!important}*:focus,*:focus-visible{outline:none!important}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important}.story-builder{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.story-builder input,.story-builder textarea,.story-builder [contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.builder-header{background:#fff;border-bottom:1px solid #dee2e6;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000d}.builder-header-left{display:flex;align-items:center;gap:20px}.builder-back-link{color:#6b8dd6;text-decoration:none;font-weight:500;transition:opacity .2s}.builder-back-link:hover{opacity:.7}.builder-title{font-size:1.5rem;font-weight:600;color:#212529;margin:0}.builder-header-right{display:flex;gap:12px}.builder-button{padding:10px 24px;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.builder-button-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.builder-button-secondary:hover{background:#e9ecef}.builder-button-secondary:focus,.builder-button-secondary:focus-visible{background:#e2e6ea;border-color:#c8cfd6}.builder-button-secondary:active{background:#dde0e3;transform:scale(.98)}.builder-button-primary{background:linear-gradient(135deg,#6b8dd6,#9b73af);color:#fff}.builder-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b8dd64d}.builder-button-primary:focus,.builder-button-primary:focus-visible{background:linear-gradient(135deg,#6183cc,#9169a5);box-shadow:0 2px 8px #6b8dd666}.builder-button-primary:active{transform:scale(.98);box-shadow:0 1px 4px #6b8dd64d}.builder-button-warning{background:#fff3e0;color:#e65100;border:2px solid #ff9800}.builder-button-warning:hover{background:#ffe0b2}.builder-button-success{background:#e8f5e9;color:#2e7d32;border:2px solid #4caf50}.builder-button-success:hover{background:#c8e6c9}.builder-button-large{padding:14px 32px;font-size:1.05rem}.builder-tabs{background:#fff;border-bottom:1px solid #dee2e6;display:flex;padding:0 40px;gap:8px}.builder-tab{padding:16px 24px;border:none;background:transparent;color:#6c757d;font-size:1rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-family:inherit}.builder-tab:hover{color:#495057;background:#f8f9fa}.builder-tab.active{color:#6b8dd6;border-bottom-color:#6b8dd6}.builder-content{padding:40px;max-width:1400px;margin:0 auto}.builder-panel{background:#fff;border-radius:16px;padding:40px;box-shadow:0 2px 8px #0000000d}.panel-title{font-size:2rem;font-weight:600;color:#212529;margin:0 0 8px}.panel-description{font-size:1.05rem;color:#6c757d;margin:0 0 40px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}.form-section{display:flex;flex-direction:column;gap:8px}.form-section-full{grid-column:1 / -1}.form-label{font-size:.95rem;font-weight:600;color:#495057}.form-input{padding:12px 16px;border-radius:8px;border:1px solid #dee2e6;font-size:1rem;color:#212529;transition:all .2s;font-family:inherit}.form-input:focus{outline:none;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.form-hint{font-size:.875rem;color:#6c757d;margin:0}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{font-size:.95rem;color:#495057;cursor:pointer;margin:0}.template-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-card{padding:24px;border-radius:12px;border:2px solid #dee2e6;background:#f8f9fa;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.template-card:hover{border-color:#6b8dd6;background:#fff}.template-card.selected{border-color:#6b8dd6;background:#6b8dd60d;box-shadow:0 0 0 3px #6b8dd61a}.template-icon{font-size:2.5rem}.template-name{font-size:1.1rem;font-weight:600;color:#212529}.template-description{font-size:.875rem;color:#6c757d}.form-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #dee2e6}.components-workspace{display:grid;grid-template-columns:420px 1fr;gap:24px;min-height:600px;max-width:1400px;margin:0 auto}.components-sidebar{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #dee2e6;overflow-y:auto;max-height:calc(100vh - 200px)}.components-sidebar h3{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 16px}.component-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-items:stretch}.component-category-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6c757d;margin-top:24px;margin-bottom:12px;padding:0 4px;display:flex;align-items:center;gap:12px;grid-column:1 / -1}.component-category-label:first-child{margin-top:0}.component-category-label:before,.component-category-label:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#dee2e6,transparent)}.component-category-label:before{background:linear-gradient(to right,transparent,#dee2e6)}.component-category-label:after{background:linear-gradient(to left,transparent,#dee2e6)}.component-item{padding:12px;background:#fff;border-radius:8px;border:1px solid #dee2e6;cursor:grab;transition:all .2s;display:flex;align-items:flex-start;gap:10px;min-height:90px;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.component-item:hover{border-color:#6b8dd6;box-shadow:0 2px 8px #6b8dd626}.component-item:active{cursor:grabbing}.component-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.component-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.component-info strong{display:block;font-size:.875rem;color:#212529;font-weight:600;line-height:1.3}.component-info p{font-size:.75rem;color:#6c757d;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.components-canvas{background:#fff;border-radius:12px;border:2px dashed #dee2e6;padding:32px 24px;min-height:600px;position:relative;max-width:900px;width:100%;box-sizing:border-box}.canvas-placeholder{text-align:center;color:#6c757d}.placeholder-icon{font-size:4rem;display:block;margin-bottom:16px}.canvas-placeholder h3{font-size:1.5rem;color:#495057;margin:0 0 8px}.canvas-placeholder p{font-size:1rem;color:#6c757d;margin:0}.preview-panel{min-height:600px}.preview-empty{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;color:#6c757d;box-shadow:0 2px 8px #0000000d}.preview-empty .placeholder-icon{font-size:4rem;display:block;margin-bottom:16px}.preview-empty h3{font-size:1.5rem;color:#495057;margin:0 0 8px}.preview-empty p{font-size:1rem;color:#6c757d;margin:0}.story-preview{background:linear-gradient(to bottom,#2d2346,#232854,#0f1e0f);border-radius:16px;min-height:600px;overflow-y:auto;overflow-x:visible;box-shadow:0 2px 8px #0000000d}.preview-component{width:100%}.preview-text-block{color:#fee49d}.preview-border{background:transparent}.preview-animation{color:#fee49d}.preview-mode-container{display:flex;gap:20px;align-items:flex-start;padding:20px}.preview-mode-content{flex:1;min-width:0}.preview-mode-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.preview-frame{position:sticky;top:20px;height:calc(100vh - 200px);display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;background:#fff;border:1px solid #e0e0e0}.preview-frame-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.preview-frame-title{margin:0;font-size:1rem;font-weight:600;color:#495057}.preview-frame-scale{display:flex;align-items:center;gap:10px}.preview-scale-label{font-size:.8rem;font-weight:500;color:#6c757d}.preview-scale-slider{width:150px;height:6px;cursor:pointer;accent-color:rgb(107,141,214);-webkit-appearance:none;appearance:none;background:#dee2e6;border-radius:3px}.preview-scale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#6b8dd6;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.preview-scale-slider::-moz-range-thumb{width:18px;height:18px;background:#6b8dd6;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.preview-scale-value{font-size:.8rem;font-weight:600;color:#495057;min-width:40px;text-align:right}.preview-frame-content{flex:1;overflow:hidden;position:relative;background:#f5f5f5}.preview-scroll-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}.preview-scroll-container::-webkit-scrollbar{width:8px}.preview-scroll-container::-webkit-scrollbar-track{background:#0000000d}.preview-scroll-container::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.preview-scroll-container::-webkit-scrollbar-thumb:hover{background:#0000004d}.components-sidebar.compact{padding:12px;max-height:calc(100vh - 350px)}.components-sidebar.compact h3{font-size:.95rem;margin-bottom:10px}.components-sidebar.compact .component-list{grid-template-columns:repeat(3,1fr);gap:6px}.components-sidebar.compact .component-category-label{font-size:.65rem;margin-top:12px;margin-bottom:6px}.components-sidebar.compact .component-item{padding:8px;min-height:auto;flex-direction:column;align-items:center;text-align:center;gap:4px}.components-sidebar.compact .component-item .component-icon{font-size:1.2rem;margin-top:0}.components-sidebar.compact .component-item .component-info{gap:0}.components-sidebar.compact .component-item .component-info strong{font-size:.7rem;line-height:1.2}.components-sidebar.compact .component-item .component-info p{display:none}.compact-settings-toggle{width:100%;padding:10px 12px;background:#6b8dd614;border:1px solid rgba(107,141,214,.2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600;color:#495057;transition:all .2s ease;font-family:inherit}.compact-settings-toggle:hover{background:#6b8dd61f;border-color:#6b8dd64d}.compact-settings-toggle .toggle-icon{transition:transform .2s ease}.compact-settings-toggle .toggle-icon.expanded{transform:rotate(180deg)}.compact-settings-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.compact-settings-content.expanded{max-height:2000px;transition:max-height .5s ease-in}.panel-resizer{width:20px;background:#e9ecef;cursor:col-resize;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;transition:background .2s ease;position:sticky;top:50vh;transform:translateY(-50%);margin:0 20px 0 0;height:80px;align-self:flex-start;z-index:10}.panel-resizer:hover{background:#dee2e6}.panel-resizer.dragging{background:#6b8dd6}.panel-resizer-grip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0}.panel-resizer-grip-row{display:flex;gap:4px}.panel-resizer-grip-dot{width:4px;height:4px;background:#adb5bd;border-radius:50%;transition:background .2s ease}.panel-resizer:hover .panel-resizer-grip-dot{background:#6c757d}.panel-resizer.dragging .panel-resizer-grip-dot{background:#fff}.preview-mode-container.resizable{display:flex;gap:0}.preview-mode-container.resizable .preview-mode-content{flex:none;min-width:300px;max-width:calc(100% - 350px);overflow:hidden}.preview-mode-container.resizable .preview-mode-panel{flex:1;min-width:300px}.components-canvas.compact-canvas{padding:16px 12px}.components-canvas.compact-canvas .canvas-component-minimal{margin-bottom:6px}.components-canvas.compact-canvas .minimal-component-header{padding:10px 10px 10px 8px;min-height:auto;gap:8px}.components-canvas.compact-canvas .drag-handle-strip{width:24px;font-size:.8rem}.components-canvas.compact-canvas .minimal-component-info{gap:8px;padding-top:0}.components-canvas.compact-canvas .minimal-component-info .component-icon{font-size:1rem}.components-canvas.compact-canvas .minimal-component-info .component-name{font-size:.85rem}.components-canvas.compact-canvas .component-preview-short{font-size:.75rem}.components-canvas.compact-canvas .minimal-component-actions{gap:4px}.components-canvas.compact-canvas .edit-button{padding:5px 10px;font-size:.75rem}.components-canvas.compact-canvas .delete-button-minimal,.components-canvas.compact-canvas .duplicate-button-minimal{padding:5px 7px}.components-canvas.compact-canvas .delete-icon,.components-canvas.compact-canvas .duplicate-icon{width:10px;height:10px}.components-canvas.compact-canvas .delete-icon:before,.components-canvas.compact-canvas .delete-icon:after{width:12px;height:1.5px;top:4px}.components-canvas.compact-canvas .duplicate-icon:before,.components-canvas.compact-canvas .duplicate-icon:after{width:7px;height:9px}.components-canvas.compact-canvas .duplicate-icon:after{top:2px;left:2px}.components-canvas.compact-canvas .component-preview-short{display:block;font-size:.75rem;max-width:100%}.components-canvas.compact-canvas .canvas-component-body:not(:empty){padding:6px 12px 12px}@media (max-width: 1200px){.components-workspace{grid-template-columns:340px 1fr}.preview-mode-container{gap:16px;padding:16px}}@media (max-width: 1024px){.components-workspace{grid-template-columns:1fr;max-width:100%}.components-sidebar{max-height:400px;overflow-y:auto}.components-canvas{max-width:100%}.preview-mode-container{flex-direction:column;gap:16px;padding:16px}.preview-mode-content,.preview-mode-panel{width:100%}.preview-frame{position:relative;top:0;height:50vh;min-height:400px}}@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.preview-mode-container{flex-direction:row;gap:12px}.preview-mode-content,.preview-mode-panel{flex:1;width:auto}.preview-frame{position:sticky;top:20px;height:calc(100vh - 200px);min-height:300px}.components-sidebar{max-height:300px}.builder-content{padding:16px}.builder-panel{padding:20px}}@media (max-width: 768px){.builder-header{flex-direction:column;gap:16px;align-items:flex-start}.builder-header-right{width:100%;justify-content:space-between}.builder-content{padding:20px}.builder-panel{padding:24px}.form-grid{grid-template-columns:1fr}.builder-tabs{padding:0 20px;overflow-x:auto}.builder-tab{white-space:nowrap}}.canvas-components{display:flex;flex-direction:column;gap:16px}.canvas-component{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:16px;cursor:move;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;overflow:hidden;min-height:auto}.canvas-component:hover{border-color:#6b8dd6;box-shadow:0 2px 8px #6b8dd626}.canvas-component.selected{border-color:#6b8dd6;background:#6b8dd60d;box-shadow:0 0 0 3px #6b8dd61a}.canvas-component.drag-over{border-color:#6b8dd6;border-style:dashed;background:#6b8dd61a;transform:translateY(-4px)}.canvas-component-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dee2e6;background:#fff;padding:8px 12px;margin:-16px -16px 12px;border-radius:12px 12px 0 0}.canvas-component-icon{font-size:1.5rem}.canvas-component-name{flex:1;font-weight:600;color:#212529}.canvas-component-actions{display:flex;gap:4px}.canvas-component-actions button{padding:4px 8px;border-radius:4px;border:1px solid #dee2e6;background:#fff;cursor:pointer;transition:all .2s;font-size:.9rem}.canvas-component-actions button:hover:not(:disabled){border-color:#6b8dd6;background:#6b8dd61a}.canvas-component-actions button:focus:not(:disabled),.canvas-component-actions button:focus-visible:not(:disabled){border-color:#6b8dd6;background:#6b8dd626}.canvas-component-actions button:active:not(:disabled){background:#6b8dd633;transform:scale(.95)}.canvas-component-actions button:disabled{opacity:.3;cursor:not-allowed}.canvas-component-actions .delete-button:hover{border-color:#dc3545;background:#dc35451a}.canvas-component-actions .delete-button:focus,.canvas-component-actions .delete-button:focus-visible{border-color:#dc3545;background:#dc354526}.canvas-component-actions .delete-button:active{background:#dc354533}.canvas-component-body{padding:12px;background:#fff;border-radius:8px;min-height:80px;color:#212529}.component-preview-text{position:relative;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.component-preview-text p{margin:0 0 8px}.preview-badge{display:inline-block;padding:4px 12px;background:#6b8dd6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.component-preview-border{text-align:center;background:#fff;padding:12px;border-radius:8px}.border-preview-box{padding:24px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.border-preview-box span{font-size:2rem;display:block;margin-bottom:8px}.border-preview-box p{margin:0;color:#495057;font-size:.9rem;font-weight:500}.component-preview-animation{text-align:center;padding:24px;background:#fff;border-radius:8px}.animation-preview{font-size:3rem;display:block;margin-bottom:8px}.component-preview-animation p{margin:0;color:#495057;font-size:.9rem;font-weight:500}.component-preview-background{padding:12px;background:#fff;border-radius:8px}.background-preview-box{padding:32px;border-radius:8px;text-align:center;color:#fff;font-weight:600;min-height:100px;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 3px rgba(0,0,0,.3)}.component-config-panel{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #dee2e6;margin-top:24px}.config-panel-content h4{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 20px}.config-form{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field label{font-size:.875rem;font-weight:600;color:#495057}.config-field input,.config-field select,.config-field textarea{padding:10px 12px;border-radius:6px;border:1px solid #dee2e6;background:#fff;font-size:.95rem;color:#212529;font-family:inherit;transition:all .2s}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.config-field textarea{resize:vertical;min-height:80px}.config-field input[type=color]{height:48px;cursor:pointer}.full-preview-modal{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.full-preview-content{position:relative;width:100%;max-width:1200px;max-height:90vh;background:#fff;border-radius:16px;overflow:visible;box-shadow:0 20px 60px #00000080}.full-preview-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.full-preview-close:hover{background:#000c;transform:scale(1.1)}.full-preview-story{width:100%;max-height:90vh;overflow-y:auto;overflow-x:visible}.full-preview-story::-webkit-scrollbar{width:8px}.full-preview-story::-webkit-scrollbar-track{background:#0000001a}.full-preview-story::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.full-preview-story::-webkit-scrollbar-thumb:hover{background:#ffffff80}.inline-edit-panel{background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.inline-edit-field{display:flex;flex-direction:column;gap:6px;flex:1}.inline-edit-field label{font-size:.875rem;font-weight:600;color:#495057}.inline-edit-field input,.inline-edit-field select,.inline-edit-field textarea{padding:8px 12px;border-radius:6px;border:1px solid #dee2e6;background:#fff;font-size:.9rem;color:#212529;font-family:inherit;transition:all .2s}.inline-edit-field input:focus,.inline-edit-field select:focus,.inline-edit-field textarea:focus{outline:none;border-color:#6b8dd6;box-shadow:0 0 0 3px #6b8dd61a}.inline-edit-field textarea{resize:vertical;min-height:80px;font-family:inherit}.inline-edit-field input[type=color]{height:40px;cursor:pointer;padding:4px}.inline-edit-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.canvas-components{max-height:1800px;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-top:16px;width:100%;box-sizing:border-box}.canvas-components::-webkit-scrollbar{width:8px}.canvas-components::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.canvas-components::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:4px}.canvas-components::-webkit-scrollbar-thumb:hover{background:#adb5bd}.canvas-component-minimal{background:#fafbfc;border:1px solid #e1e4e8;border-radius:10px;transition:all .2s;-webkit-user-select:none;user-select:none;margin-bottom:10px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:row;width:100%;box-sizing:border-box;overflow:visible}.canvas-component-minimal.bg-structural{background:#4a90e214}.canvas-component-minimal.bg-static{background:#bdc3c726}.canvas-component-minimal.bg-artistic{background:#e74c3c14}.canvas-component-minimal.bg-content{background:#f39c1214}.canvas-component-minimal:last-child{margin-bottom:0}.canvas-component-minimal:hover{border-color:#6b8dd6;box-shadow:0 2px 8px #6b8dd61f;background:#fff}.canvas-component-minimal.selected{border-color:#6b8dd6;background:#6b8dd608;box-shadow:0 2px 8px #6b8dd626}.canvas-component-minimal.hovered{border-color:#6b8dd6;background:#6b8dd604;box-shadow:0 1px 4px #6b8dd614}.canvas-component-minimal.drag-over{margin-top:20px;position:relative;transition:margin-top .25s cubic-bezier(.4,0,.2,1)}.canvas-component-minimal.drag-over:before{content:"";position:absolute;top:-20px;left:0;right:0;height:4px;background:#6b8dd6;border-radius:2px;box-shadow:0 0 8px #6b8dd680;animation:dropLinePulse 1.5s ease-in-out infinite;z-index:1}@keyframes dropLinePulse{0%,to{opacity:.7;box-shadow:0 0 8px #6b8dd680}50%{opacity:1;box-shadow:0 0 12px #6b8dd6cc}}.canvas-component-minimal.dragging{opacity:.5;transform:scale(.98);box-shadow:0 8px 16px #0003;transition:opacity .2s,transform .2s}.minimal-component-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 24px;cursor:default;margin:0;min-height:85px;gap:12px}.minimal-component-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding-top:2px}.component-info-row{display:flex;align-items:center;gap:8px}.component-preview-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drag-handle{color:#6c757d;font-size:1.2rem;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;padding:8px 10px;letter-spacing:-2px;border-radius:4px;transition:all .2s ease;margin-left:-4px}.drag-handle:hover{background-color:#e9ecef;color:#495057}.drag-handle:active{cursor:grabbing;background-color:#dee2e6}.drag-handle-strip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:32px;background-color:#f1f3f5;color:#adb5bd;font-size:1rem;font-weight:800;cursor:grab;-webkit-user-select:none;user-select:none;letter-spacing:-2px;transition:all .2s ease;border-right:1px solid #e1e4e8;flex-shrink:0;touch-action:none;-webkit-touch-callout:none;border-radius:9px 0 0 9px;position:relative}.drag-handle-strip.structural{background-color:#4a90e2;color:#fff}.drag-handle-strip.structural:hover{background-color:#357abd}.drag-handle-strip.static{background-color:#bdc3c7;color:#fff}.drag-handle-strip.static:hover{background-color:#95a5a6}.drag-handle-strip.artistic{background-color:#e74c3c;color:#fff}.drag-handle-strip.artistic:hover{background-color:#c0392b}.drag-handle-strip.content{background-color:#f39c12;color:#fff}.drag-handle-strip.content:hover{background-color:#e67e22}.drag-handle-strip.has-modifiers{padding-bottom:0}.modifier-indicator{position:absolute;bottom:0;left:0;right:0;height:20%;background-color:#2ecc71;border-radius:0 0 0 9px}.drag-handle-strip:active{cursor:grabbing;opacity:.8}.component-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.minimal-component-info .component-icon{font-size:1.3rem;flex-shrink:0;line-height:1;display:flex;align-items:center}.minimal-component-info .component-name{font-weight:600;color:#212529;font-size:.95rem;flex-shrink:1;line-height:1.4;display:flex;align-items:center;word-break:break-word;flex-basis:auto}.component-preview-short{color:#6c757d;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.6;background:#00000008;padding:2px 8px;border-radius:4px;max-width:fit-content}.component-thumbnail{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #dee2e6;flex-shrink:0;background:#f8f9fa}.minimal-component-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.edit-button{padding:8px 16px;border-radius:6px;border:1px solid #dee2e6;background:#fff;color:#6b8dd6;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center}.edit-button:hover{background:#6b8dd61a;border-color:#6b8dd6}.edit-button:focus,.edit-button:focus-visible{background:#6b8dd626;border-color:#6b8dd6}.edit-button:active{background:#6b8dd633;transform:scale(.97)}.delete-button-minimal{padding:8px 10px;border-radius:6px;border:1px solid #dee2e6;background:#fff;cursor:pointer;transition:all .2s;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.delete-icon{position:relative;width:12px;height:12px;display:block}.delete-icon:before,.delete-icon:after{content:"";position:absolute;width:14px;height:2px;background:#6c757d;top:5px;left:-1px;transition:background .2s ease}.delete-icon:before{transform:rotate(45deg)}.delete-icon:after{transform:rotate(-45deg)}.delete-button-minimal:hover{border-color:#dc3545;background:#dc35451a}.delete-button-minimal:hover .delete-icon:before,.delete-button-minimal:hover .delete-icon:after{background:#dc3545}.delete-button-minimal:focus,.delete-button-minimal:focus-visible{border-color:#dc3545;background:#dc354526}.delete-button-minimal:active{background:#dc354533;transform:scale(.97)}.duplicate-button-minimal{padding:8px 10px;border-radius:6px;border:1px solid #dee2e6;background:#fff;cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.duplicate-icon{position:relative;width:14px;height:14px;display:block}.duplicate-icon:before,.duplicate-icon:after{content:"";position:absolute;width:9px;height:11px;border:1.5px solid #6c757d;border-radius:2px;background:transparent;transition:border-color .2s ease}.duplicate-icon:before{top:0;left:0}.duplicate-icon:after{top:3px;left:3px;background:#fff}.duplicate-button-minimal:hover .duplicate-icon:before,.duplicate-button-minimal:hover .duplicate-icon:after{border-color:#20c997}.duplicate-button-minimal:hover{border-color:#20c997;background:#20c9971a}.duplicate-button-minimal:focus,.duplicate-button-minimal:focus-visible{border-color:#20c997;background:#20c99726}.duplicate-button-minimal:active{background:#20c99733;transform:scale(.97)}.lock-button-minimal{padding:6px 8px;border-radius:6px;border:1px solid #dee2e6;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.lock-button-minimal.locked{border-color:#ffc107;background:#ffc10726}.lock-button-minimal:hover{border-color:#ffc107;background:#ffc1071a}.lock-button-minimal:focus,.lock-button-minimal:focus-visible{border-color:#ffc107;background:#ffc10726;outline:none}.lock-button-minimal:active{background:#ffc10733;transform:scale(.97)}.canvas-component-minimal .canvas-component-body{padding:0;background:transparent;border-radius:0;min-height:auto;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.canvas-component-minimal .canvas-component-body:not(:empty){padding:8px 16px 16px;max-height:5000px;opacity:1}.message-popup{position:relative;pointer-events:auto;max-width:400px}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;overflow:hidden}.message-name{font-weight:600;font-size:16px;color:#3d2817;letter-spacing:.02em}.message-sparkle{font-size:18px;display:inline-block}.message-text{font-size:15px;line-height:1.6;color:#4a3828;margin:0;font-family:Georgia,serif}.message-close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;min-width:28px;min-height:28px;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;font-size:18px;font-weight:600;line-height:28px;color:#3d2817;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;z-index:10}.message-close:hover{background:#dcdcdcf2;transform:scale(1.1)}.message-close:active{transform:scale(.95)}.polaroid-container{display:flex;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;border:none;overflow:hidden}.polaroid-small{max-width:280px;padding:0;background:#fff;align-items:stretch}.polaroid-photo{width:100%;background:#f5f5f5;border:1px solid #e0e0e0;overflow:hidden;margin-bottom:12px}.polaroid-photo img{width:100%;height:auto;display:block;max-height:300px;object-fit:cover}.polaroid-caption{width:100%;text-align:center;padding:8px 12px;background:#fff;box-sizing:border-box;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.polaroid-text{font-family:Permanent Marker,Comic Sans MS,cursive;font-size:14px;line-height:1.5;color:#333;margin:0 0 8px;word-wrap:break-word}.polaroid-name{font-family:Permanent Marker,Comic Sans MS,cursive;font-size:12px;color:#666;margin:0;font-style:italic}@media (max-width: 768px){.message-popup{padding:16px 20px}.message-name,.message-text{font-size:14px}.polaroid-photo img{max-height:200px}.polaroid-text{font-size:13px}.polaroid-name{font-size:11px}}.story-display{min-height:100vh;height:100vh;position:relative;overflow:hidden;background:linear-gradient(to bottom,#faf8f3,#f0e8d8)}.story-scroll-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.story-scroll-container::-webkit-scrollbar{width:8px}.story-scroll-container::-webkit-scrollbar-track{background:#0000001a}.story-scroll-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.story-scroll-container::-webkit-scrollbar-thumb:hover{background:#00000080}.story-content{position:relative;max-width:1200px;margin:200px auto;padding:150px 300px;background:linear-gradient(to bottom,#faf8f3f2,#f0e8d8f2);z-index:2;overflow:visible}.story-content:before{content:"";position:absolute;top:40px;bottom:100px;left:0;width:3px;background:#000;z-index:5}.story-content:after{content:"";position:absolute;top:40px;bottom:100px;right:0;width:3px;background:#000;z-index:5}.story-content .border-top{position:absolute;top:0;left:0;right:0;height:500px;background:url(/images/border-top.webp) center top / contain no-repeat;pointer-events:none;z-index:10;will-change:transform;transform:translateZ(0)}.story-content .border-bottom{position:absolute;bottom:0;left:0;right:0;height:500px;background:url(/images/border-top.webp) center bottom / contain no-repeat;transform:scaleY(-1) translateY(calc(100% - 700px)) translateZ(0);pointer-events:none;z-index:1;will-change:transform}.story-display:fullscreen{overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw}.story-display:-webkit-full-screen{overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw}.story-display:-moz-full-screen{overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw}.story-display:-ms-fullscreen{overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw}.control-buttons{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000;opacity:.4;transition:opacity .3s ease}.control-buttons:hover{opacity:1}.left-control-buttons{position:fixed;bottom:30px;left:30px;display:flex;flex-direction:column;gap:10px;z-index:1000;opacity:.4;transition:opacity .3s ease}.left-control-buttons:hover{opacity:1}.messages-toggle,.report-button{width:44px;height:44px;border-radius:50%;background:#3d281733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3d2817;border:1px solid rgba(61,40,23,.15);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.messages-toggle:hover,.report-button:hover{background:#3d281759;transform:scale(1.05);border-color:#3d281740}.messages-toggle:active,.report-button:active{transform:scale(.95)}.messages-toggle.active{background:#8b153826;color:#8b1538;border-color:#8b153833}.qr-toggle,.auto-scroll-toggle,.fullscreen-toggle{width:44px;height:44px;border-radius:50%;background:#3d281733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3d2817;border:1px solid rgba(61,40,23,.15);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014}.qr-toggle:hover,.auto-scroll-toggle:hover,.fullscreen-toggle:hover{background:#3d281759;transform:scale(1.05);border-color:#3d281740}.qr-toggle:active,.auto-scroll-toggle:active,.fullscreen-toggle:active{transform:scale(.95)}.qr-toggle{font-size:16px;font-weight:600}.auto-scroll-toggle.playing,.fullscreen-toggle.active{background:#8b153826;color:#8b1538;border-color:#8b153833}.speed-controls{display:flex;align-items:center;justify-content:flex-end;gap:0;min-width:44px;height:44px;padding:0;background:#3d281733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;border:1px solid rgba(61,40,23,.15);box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden}.speed-controls:hover{background:#3d281740;border-color:#3d281733}.speed-indicator{width:44px;height:44px;border-radius:50%;color:#3d2817;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;order:2}.speed-separator{width:0;height:24px;background:#3d281740;margin:0;opacity:0;transition:all .3s ease;order:1;flex-shrink:0}.speed-controls:hover .speed-separator{width:1px;margin:0 6px}.speed-controls:hover .speed-separator{opacity:1}.speed-options{display:flex;gap:4px;max-width:0;overflow:hidden;opacity:0;transition:all .3s ease;order:0}.speed-controls:hover .speed-options{max-width:150px;opacity:1}.speed-button{width:36px;height:36px;border-radius:50%;background:#ffffff4d;color:#3d2817;border:1px solid rgba(61,40,23,.1);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.speed-button:hover{background:#ffffff80;transform:scale(1.08);border-color:#3d281733}.speed-button.active{background:#8b153840;border-color:#8b15384d;box-shadow:0 0 10px #8b153833}.speed-button:active{transform:scale(.95)}.qr-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-container{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d}.qr-container h3{margin-bottom:20px;font-size:24px;color:#3d2817}.qr-url{margin-top:15px;font-size:14px;color:#666;font-family:Courier New,monospace}.sparkles-container{position:fixed;inset:0;pointer-events:none;z-index:1}.sparkle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,gold,#ffed4e);border-radius:50%;box-shadow:0 0 10px gold}.title-section{text-align:center;margin-bottom:120px;padding:60px 20px}.decorative-top,.decorative-bottom{font-size:100px;color:#4d33264d;margin:30px 0}.story-title{font-size:60px;font-weight:400;color:#3d2817;letter-spacing:.02em;margin:30px 0;font-family:Times New Roman,Georgia,serif;text-transform:none;line-height:1.1;white-space:nowrap}.paragraph-container{margin-bottom:120px}.story-paragraph{font-size:32px;line-height:1.6;color:#3d2817;text-align:justify;margin-bottom:40px;text-indent:2em;letter-spacing:.01em;font-family:Times New Roman,Georgia,serif;word-spacing:.03em;-webkit-hyphens:auto;hyphens:auto}.story-word{transition:opacity .3s ease;display:inline}.decorative-divider{height:2px;background:linear-gradient(to right,transparent,rgba(77,51,38,.3),transparent);margin:60px auto}.story-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:200}.story-star{position:absolute;color:#ffd700e6;text-shadow:0 0 15px rgba(255,215,0,.7);opacity:.8}.art-nouveau-divider{display:flex;align-items:center;justify-content:center;margin:80px auto;gap:20px;max-width:300px}.art-nouveau-left,.art-nouveau-right{font-size:32px;color:#8b451366;transform-origin:center}.art-nouveau-center{position:relative}.floral-pattern{font-size:48px;color:#8b451380;animation:floralPulse 4s ease-in-out infinite}@keyframes floralPulse{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(5deg);opacity:.7}}.floating-ornament{position:absolute;left:50%;transform:translate(-50%);z-index:1}.ornamental-frame{width:80px;height:80px;border:3px solid rgba(139,69,19,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,215,0,.1),transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:ornamentFloat 6s ease-in-out infinite}@keyframes ornamentFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(180deg)}}.inner-ornament{font-size:24px;color:#8b451399;animation:innerGlow 3s ease-in-out infinite alternate}@keyframes innerGlow{0%{filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}to{filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}}.story-end{text-align:center;padding:100px 20px}.end-ornament{font-size:36px;color:#4d332666;margin-bottom:20px;letter-spacing:1em}.end-text{font-size:28px;font-style:italic;color:#4d332699}.restart-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:none}.restart-content{text-align:center;color:#fff;background:#4d3326e6;padding:40px;border-radius:20px;border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080}.restart-spinner{font-size:48px;margin-bottom:20px;display:inline-block}.restart-text{font-size:24px;font-family:Georgia,serif;margin:0;letter-spacing:.05em}.messages-overlay{position:fixed;bottom:100px;left:20px;z-index:100;pointer-events:auto;display:flex;flex-direction:column;gap:15px;max-width:400px;max-height:calc(100vh - 200px);align-items:flex-start;overflow-y:auto;padding:10px;scrollbar-width:none;-ms-overflow-style:none}.messages-overlay::-webkit-scrollbar{display:none}.message-wrapper{display:flex;justify-content:flex-start;width:auto}@media (max-width: 768px){.story-content{padding:60px 30px;max-width:95%;margin:20px auto}.story-title{font-size:35px;font-family:Times New Roman,Georgia,serif;white-space:nowrap}.story-paragraph{font-size:20px;text-align:left}.decorative-top,.decorative-bottom{font-size:60px;text-shadow:none}.control-buttons{gap:10px}.qr-toggle{width:50px;height:50px;font-size:16px}.auto-scroll-toggle,.fullscreen-toggle{width:50px;height:50px;font-size:20px}.speed-controls{min-width:50px;height:50px}.speed-indicator{width:50px;height:50px;font-size:20px}.speed-button{width:40px;height:40px;font-size:18px}.messages-overlay{max-width:100%}.restart-content{padding:30px 20px;margin:20px}.restart-spinner{font-size:36px}.restart-text{font-size:20px}.story-content{border-width:2px;box-shadow:inset 0 0 0 1px #8b451326,inset 0 0 0 5px #faf8f3e6,inset 0 0 0 7px #8b451340,0 2px 10px #3d281714}}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes heartFloat{0%{transform:translateY(0) scale(.5);opacity:0;filter:blur(0px)}30%{opacity:1;filter:blur(0px)}to{transform:translateY(-420px) scale(2.2);opacity:0;filter:blur(18px)}}.instagram-heart{animation:heartFloat 3s ease-out forwards}.first-kiss-scene{position:relative;width:100%;height:600px;margin:40px 0;display:flex;align-items:center;justify-content:center;overflow:visible}.kiss-wall{position:absolute;top:-250px;left:50%;transform:translate(calc(-50% + 25px));width:300%;height:800px;background:url(/images/palacioferroviarios.webp) center/contain no-repeat;opacity:.8;mix-blend-mode:multiply;z-index:1}.kiss-square-left,.kiss-square-right{position:absolute;width:250px;height:250px;top:50%;left:50%;margin-top:25px;margin-left:-125px;z-index:2;will-change:transform,opacity}.kiss-square-left{background:url(/images/right-image.webp) center/cover no-repeat}.kiss-square-right{background:url(/images/left-image.webp) center/cover no-repeat}.kiss-square-merged{position:absolute;width:400px;height:400px;top:50%;left:50%;margin-top:-50px;margin-left:-200px;background:url(/images/merged-image.webp) center/cover no-repeat;z-index:3;will-change:transform,opacity}@media (max-width: 768px){.first-kiss-scene{height:300px;margin:60px 0}.kiss-square-left,.kiss-square-right{width:180px;height:180px;margin-top:60px;margin-left:-90px}.kiss-square-merged{width:280px;height:280px;margin-top:10px;margin-left:-140px}}.message-submit{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#faf8f3,#f0e8d8,#e8dcc8);padding:20px;position:relative;overflow:hidden}.message-submit:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,237,78,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,215,0,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.submit-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:48px 40px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80 inset;border:2px solid rgba(77,51,38,.1);position:relative;z-index:1}.decorative-sparkle{position:absolute;font-size:48px;color:#ffd70099;text-shadow:0 0 20px rgba(255,215,0,.5)}.top-left{top:-20px;left:-20px}.top-right{top:-20px;right:-20px}.submit-title{font-size:36px;color:#3d2817;text-align:center;margin-bottom:12px;font-weight:400;letter-spacing:.03em}.submit-subtitle{text-align:center;color:#6b5847;margin-bottom:40px;font-size:16px;line-height:1.5}.submit-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-size:14px;font-weight:600;color:#3d2817;letter-spacing:.02em}.form-group input,.form-group textarea{padding:14px 16px;border:2px solid rgba(77,51,38,.2);border-radius:12px;font-size:16px;font-family:Georgia,serif;background:#fffc;color:#3d2817;transition:all .3s ease;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffd700cc;background:#fff;box-shadow:0 0 0 4px #ffd7001a}.char-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:#999}.submit-button{padding:16px 32px;background:linear-gradient(135deg,#4a3826,#3d2817);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;margin-top:12px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5a4836,#4a3826);box-shadow:0 6px 20px #0000004d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;margin:0 auto 24px;box-shadow:0 8px 24px #22c55e4d}.success-message h2{font-size:28px;color:#3d2817;margin-bottom:12px;font-weight:400}.success-message p{font-size:16px;color:#6b5847}.submit-footer{margin-top:32px;text-align:center}.submit-footer p{font-size:13px;color:#999;font-style:italic}.image-upload-container{display:flex;flex-direction:column;gap:12px}.image-upload-button{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#f0e8d8,#e8dcc8);color:#3d2817;border:2px solid rgba(77,51,38,.2);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.image-upload-button:hover{background:linear-gradient(135deg,#e8dcc8,#dccfb8);border-color:#4d33264d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-preview{position:relative;width:100%;max-width:300px;border-radius:12px;overflow:hidden;border:2px solid rgba(77,51,38,.2)}.image-preview img{width:100%;height:auto;display:block}.remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ffffffe6;border:2px solid #3d2817;border-radius:50%;color:#3d2817;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image:hover{background:#f44;color:#fff;border-color:#f44;transform:scale(1.1)}@media (max-width: 640px){.submit-container{padding:36px 28px}.submit-title{font-size:28px}.submit-subtitle{font-size:14px}.decorative-sparkle{font-size:36px}.top-left,.top-right{top:-15px}}.message-report{min-height:100vh;background:linear-gradient(135deg,#faf8f3,#f0e8d8);padding:40px 20px}.report-header{max-width:1200px;margin:0 auto 40px;text-align:center;position:relative}.back-button{position:absolute;left:0;top:0;padding:12px 24px;background:#3d281733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3d2817;border:1px solid rgba(61,40,23,.15);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#3d281759;transform:translate(-4px)}.report-header h1{font-size:42px;color:#3d2817;margin-bottom:12px;font-weight:400;letter-spacing:.02em}.report-subtitle{font-size:18px;color:#6b5847}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b5847}.loading-spinner{font-size:48px;margin-bottom:20px}.messages-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.report-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.report-card-image{width:100%;height:250px;overflow:hidden;background:#f5f5f5}.report-card-image img{width:100%;height:100%;object-fit:cover}.report-card-content{padding:20px}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.report-card-name{font-size:18px;font-weight:600;color:#3d2817;margin:0}.report-card-date{font-size:12px;color:#999;white-space:nowrap}.report-card-text{font-size:15px;line-height:1.6;color:#4a3828;margin:0;font-family:Georgia,serif}@media (max-width: 768px){.message-report{padding:20px 16px}.report-header h1{font-size:32px;margin-top:40px}.back-button{position:static;margin-bottom:20px}.messages-grid{grid-template-columns:1fr;gap:16px}.report-card-image{height:200px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,Times New Roman,serif;background:linear-gradient(to bottom,#f5f0e8,#e8dcc8);color:#3d2817;overflow-x:hidden}#root{min-height:100vh}.paper-texture{background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(60,40,20,.03) 35px,rgba(60,40,20,.03) 36px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}