@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:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fffilipeee-home{min-height:100vh;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,#fafafa,#b8b8b8);transition:background .15s ease-out}.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:auto;display:block;margin-bottom:-180px;margin-top:0}.logo-signature{width:300px;height:auto;display:block}.logo-signature-active{width:300px;height:70px;display:block;animation:fadeIn .15s ease-out;object-fit:contain}.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:50px;max-width:900px;margin:40px auto 0}.shape-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;position:relative;min-height:120px;padding-top:8px;padding-bottom:8px}.shape-label{font-size:1.3rem;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:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,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}.shape-label-star{color:#ff8c00}.shape{width:64px;height:64px;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:64px;height:64px}.shape-triangle{width:0;height:0;border-left:55px solid #34C759;border-top:32px solid transparent;border-bottom:32px solid transparent;background:transparent}.shape-circle{background:#6b6b6f;border-radius:50%;width:64px;height:64px}.shape-diamond{background:red;transform:rotate(45deg);border-radius:10px;width:46px;height:46px;margin-top:9px;margin-bottom:9px}.shape-star{background:transparent;width:64px;height:64px;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:5px;height:52px}.shape-star:after{width:52px;height:5px}.shape-star{transform:rotate(0)}.shape-star-diagonal1,.shape-star-diagonal2{position:absolute;width:5px;height:52px;background:orange;border-radius:999px;box-shadow:0 0 0 2px orange;top:50%;left:50%;margin-left:-2.5px;margin-top:-26px}.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;clip-path:polygon(0 15px,15px 0,30px 15px,45px 0,60px 15px,75px 0,90px 15px,105px 0,120px 15px,135px 0,150px 15px,165px 0,180px 15px,195px 0,210px 15px,225px 0,240px 15px,255px 0,270px 15px,285px 0,300px 15px,315px 0,330px 15px,345px 0,360px 15px,375px 0,390px 15px,405px 0,420px 15px,435px 0,450px 15px,465px 0,480px 15px,495px 0,510px 15px,525px 0,540px 15px,555px 0,570px 15px,585px 0,600px 15px,615px 0,630px 15px,645px 0,660px 15px,675px 0,690px 15px,705px 0,720px 15px,735px 0,750px 15px,765px 0,780px 15px,795px 0,810px 15px,825px 0,840px 15px,855px 0,870px 15px,885px 0,900px 15px,calc(100% - 15px) 0,100% 15px,calc(100% - 15px) 30px,100% 45px,calc(100% - 15px) 60px,100% 75px,calc(100% - 15px) 90px,100% 105px,calc(100% - 15px) 120px,100% 135px,calc(100% - 15px) 150px,100% 165px,calc(100% - 15px) 180px,100% 195px,calc(100% - 15px) 210px,100% 225px,calc(100% - 15px) 240px,100% 255px,calc(100% - 15px) 270px,100% 285px,calc(100% - 15px) 300px,100% 315px,calc(100% - 15px) 330px,100% 345px,calc(100% - 15px) 360px,100% 375px,calc(100% - 15px) 390px,100% 405px,calc(100% - 15px) 420px,100% 435px,calc(100% - 15px) 450px,100% calc(100% - 15px),calc(100% - 15px) 100%,calc(100% - 30px) calc(100% - 15px),calc(100% - 45px) 100%,calc(100% - 60px) calc(100% - 15px),calc(100% - 75px) 100%,calc(100% - 90px) calc(100% - 15px),calc(100% - 105px) 100%,calc(100% - 120px) calc(100% - 15px),calc(100% - 135px) 100%,calc(100% - 150px) calc(100% - 15px),calc(100% - 165px) 100%,calc(100% - 180px) calc(100% - 15px),calc(100% - 195px) 100%,calc(100% - 210px) calc(100% - 15px),calc(100% - 225px) 100%,calc(100% - 240px) calc(100% - 15px),calc(100% - 255px) 100%,calc(100% - 270px) calc(100% - 15px),calc(100% - 285px) 100%,calc(100% - 300px) calc(100% - 15px),calc(100% - 315px) 100%,calc(100% - 330px) calc(100% - 15px),calc(100% - 345px) 100%,calc(100% - 360px) calc(100% - 15px),calc(100% - 375px) 100%,calc(100% - 390px) calc(100% - 15px),calc(100% - 405px) 100%,calc(100% - 420px) calc(100% - 15px),calc(100% - 435px) 100%,calc(100% - 450px) calc(100% - 15px),calc(100% - 465px) 100%,calc(100% - 480px) calc(100% - 15px),calc(100% - 495px) 100%,calc(100% - 510px) calc(100% - 15px),calc(100% - 525px) 100%,calc(100% - 540px) calc(100% - 15px),calc(100% - 555px) 100%,calc(100% - 570px) calc(100% - 15px),calc(100% - 585px) 100%,calc(100% - 600px) calc(100% - 15px),calc(100% - 615px) 100%,calc(100% - 630px) calc(100% - 15px),calc(100% - 645px) 100%,calc(100% - 660px) calc(100% - 15px),calc(100% - 675px) 100%,calc(100% - 690px) calc(100% - 15px),calc(100% - 705px) 100%,calc(100% - 720px) calc(100% - 15px),calc(100% - 735px) 100%,calc(100% - 750px) calc(100% - 15px),calc(100% - 765px) 100%,calc(100% - 780px) calc(100% - 15px),calc(100% - 795px) 100%,calc(100% - 810px) calc(100% - 15px),calc(100% - 825px) 100%,calc(100% - 840px) calc(100% - 15px),calc(100% - 855px) 100%,calc(100% - 870px) calc(100% - 15px),calc(100% - 885px) 100%,calc(100% - 900px) calc(100% - 15px),15px 100%,0 calc(100% - 15px),15px calc(100% - 30px),0 calc(100% - 45px),15px calc(100% - 60px),0 calc(100% - 75px),15px calc(100% - 90px),0 calc(100% - 105px),15px calc(100% - 120px),0 calc(100% - 135px),15px calc(100% - 150px),0 calc(100% - 165px),15px calc(100% - 180px),0 calc(100% - 195px),15px calc(100% - 210px),0 calc(100% - 225px),15px calc(100% - 240px),0 calc(100% - 255px),15px calc(100% - 270px),0 calc(100% - 285px),15px calc(100% - 300px),0 calc(100% - 315px),15px calc(100% - 330px),0 calc(100% - 345px),15px calc(100% - 360px),0 calc(100% - 375px),15px calc(100% - 390px),0 calc(100% - 405px),15px calc(100% - 420px),0 calc(100% - 435px),15px calc(100% - 450px))}.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:#6b6b6f;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:red;border-color:#c00;font-family:Playfair Display,serif}.shape-content-diamond h2,.shape-content-diamond h3,.shape-content-diamond p,.shape-content-diamond a{color:#fff}.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}.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}.fffilipeee-projects{margin-top:100px;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{font-size:2rem;font-weight:600;margin-bottom:40px;text-align:center;color:#fff}.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-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,#fafafa,#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);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,#ffe8e8,#f0b8b8)}.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="6" height="6" rx="1" fill="rgba(255,0,0,0.4)" transform="rotate(45 24 24)"/></svg>');background-size:50px 50px;background-position:0 0;background-repeat:repeat;opacity:1}.theme-diamond .logo-text{color:red;font-weight:900;font-style:italic;letter-spacing:.05em}.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:40px 20px}.logo-avatar{width:200px;margin-bottom:-20px}.logo-signature{width:200px}.shapes-row{width:400px;gap:20px}.shape{width:38px;height:38px}.shape-triangle{border-left:34px solid #34C759;border-top:23px solid transparent;border-bottom:23px solid transparent}.shape-diamond{width:34px;height:34px}.shape-star{width:38px;height:38px}.shape-star:before{width:6px;height:32px}.shape-star:after{width:32px;height:6px}.fffilipeee-tagline{font-size:1.2rem}.fffilipeee-intro h2{font-size:2rem}.fffilipeee-intro p{font-size:1.1rem}.projects-grid{grid-template-columns:1fr}}.faboolos-landing{min-height:100vh;position:relative;background:linear-gradient(to bottom,#2d2346,#2b2447,#292548,#262649 30%,#23284b 45%,#1e2641,#192437,#16222d,#13201e 85%,#111f16 92%,#0f1e0f);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:60vh;background:linear-gradient(180deg,rgba(75,57,167,.6) 0%,rgba(75,57,167,.45) 15%,rgba(75,57,167,.3) 30%,rgba(60,45,100,.2) 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}.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}.faboolos-logo-hero{max-width:700px;width:90%;height:auto;margin-bottom:30px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.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;border-radius:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:center;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,#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}.product-card-events:before{background:linear-gradient(135deg,#8b4789,#7b3b6e 16.6%,#6b2f54,#722f37 50%,#8b3a3a 66.6%,#7b3b6e,#8b4789);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,#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}.product-card-events:after{background:linear-gradient(135deg,#8b478926,#722f3733,#6b2f5426,#8b3a3a33,#8b478926);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,rgba(107,141,214,.58),rgba(102,136,209,.56),rgba(97,131,204,.54),rgba(92,126,199,.52),rgba(87,121,194,.5),rgba(82,118,189,.49),rgba(77,113,184,.48),rgba(72,108,179,.46),rgba(67,103,174,.45),rgba(62,98,169,.43),rgba(57,93,164,.42),rgba(52,90,159,.39),rgba(50,88,157,.36),rgba(48,86,155,.32),rgba(46,84,153,.28),rgba(44,82,151,.22),rgba(46,84,153,.17),rgba(48,86,155,.11),rgba(50,88,157,.07),rgba(52,90,159,.03),transparent),#23284b}.product-card-app:hover{background:linear-gradient(to bottom,rgba(117,151,224,.68),rgba(112,146,219,.66),rgba(107,141,214,.64),rgba(102,136,209,.62),rgba(97,131,204,.6),rgba(92,128,199,.59),rgba(87,124,194,.58),rgba(82,121,189,.56),rgba(77,118,184,.55),rgba(72,114,179,.53),rgba(67,111,174,.52),rgba(62,108,169,.49),rgba(60,106,167,.46),rgba(58,104,165,.42),rgba(56,102,163,.38),rgba(54,100,161,.32),rgba(56,102,163,.27),rgba(58,104,165,.21),rgba(60,106,167,.17),rgba(62,108,169,.13),transparent),#2d3255}.product-card-events{background:linear-gradient(to bottom,rgba(139,71,137,.58),rgba(130,65,120,.56),rgba(120,60,100,.54),rgba(110,55,85,.52),rgba(100,50,70,.5),rgba(95,48,65,.49),rgba(90,45,60,.48),rgba(85,42,55,.46),rgba(80,40,50,.45),rgba(75,38,48,.43),rgba(70,35,45,.42),rgba(65,32,42,.39),rgba(60,30,40,.36),rgba(58,28,38,.32),rgba(55,26,36,.28),rgba(52,24,34,.22),rgba(55,26,36,.17),rgba(58,28,38,.11),rgba(60,30,40,.07),rgba(65,32,42,.03),transparent),#28141e}.product-card-events:hover{background:linear-gradient(to bottom,rgba(149,81,147,.68),rgba(140,75,130,.66),rgba(130,70,110,.64),rgba(120,65,95,.62),rgba(110,60,80,.6),rgba(105,58,75,.59),rgba(100,55,70,.58),rgba(95,52,65,.56),rgba(90,50,60,.55),rgba(85,48,58,.53),rgba(80,45,55,.52),rgba(75,42,52,.49),rgba(70,40,50,.46),rgba(68,38,48,.42),rgba(65,36,46,.38),rgba(62,34,44,.32),rgba(65,36,46,.27),rgba(68,38,48,.21),rgba(70,40,50,.17),rgba(75,42,52,.13),transparent),#321923}.product-card.featured{border:2px solid rgb(179,128,51)}.featured-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#b38033,#e6b34d);color:#0f192e;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:#fee49d33;color:#fee49d;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(254,228,157,.3)}.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-link-arrow{color:#fee49d!important;background:#fee49d26;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px auto 0;border:2.5px solid rgba(254,228,157,.4);transition:all .3s ease;position:relative;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(4px);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 .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,#2d23464d,#2d23461a);border:1px solid rgba(179,128,51,.2)}.feature:nth-child(2){background:linear-gradient(135deg,#23284b4d,#2640611a);border:1px solid rgba(179,128,51,.2)}.feature:nth-child(3){background:linear-gradient(135deg,#2e19194d,#331f1f1a);border:1px solid rgba(179,128,51,.2)}.feature:nth-child(4){background:linear-gradient(135deg,#0f1e0f4d,#192e191a);border:1px solid rgba(179,128,51,.2)}.feature:hover{transform:translateY(-5px);border-color:#b3803366}.feature-icon{font-size:3rem;margin-bottom:20px;filter:drop-shadow(0 2px 8px rgba(179,128,51,.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-cta{padding:120px 40px;background:#e6b34d;text-align:center;color:#0f192e}.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:#0f192e;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 #0006}.cta-button-large-app{background:#0f192e;color:#fee49d}.cta-button-large-app:hover{background:#14203a}.cta-button-large-contact{background:#0f192eb3;color:#fee49d;border:2px solid rgb(15,25,46)}.cta-button-large-contact:hover{background:#0f192e}.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:400px}.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}}.stories-hub{min-height:100vh;position:relative;background:linear-gradient(to bottom,#2d2346,#2b2447,#292548,#262649 30%,#23284b 45%,#1e2641,#192437,#16222d,#13201e 85%,#111f16 92%,#0f1e0f);font-family:Georgia,serif}.stories-hub: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}.stories-nav{padding:30px 40px;background:transparent;position:relative;z-index:10}.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}.back-link:hover{opacity:.7}.stories-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 40px;z-index:2}.stories-title{font-size:5rem;font-weight:400;color:#fee49d;margin:0 0 20px;letter-spacing:2px}.stories-subtitle{font-size:1.5rem;color:#fee49d;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.stories-portfolio{padding:80px 40px;background:transparent;position:relative;z-index:2}.portfolio-container{max-width:1200px;margin:0 auto}.portfolio-container h2,.builder-container h2{font-size:3rem;color:#fee49d;text-align:center;margin-bottom:20px;font-weight:400}.section-description{text-align:center;font-size:1.2rem;color:#fee49dcc;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-top:40px}.story-card{position:relative;background:#6b8dd626;border-radius:24px;overflow:hidden;border:3px solid transparent;background-clip:padding-box;transition:all .3s ease;box-shadow:0 10px 30px #0000004d}.story-card:before{content:"";position:absolute;inset:-3px;border-radius:24px;background:linear-gradient(135deg,#9b73af,#7b68be,#6b8dd6,#6bc9a0,#9b73af);background-size:400% 400%;animation:magical-border 8s ease-in-out infinite;z-index:-1;opacity:.7}@keyframes magical-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.story-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}.story-card:hover:before{opacity:.9}.story-card-link{text-decoration:none;display:block;color:inherit}.story-card-image{height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6b8dd64d,#9b73af4d)}.story-icon-large{font-size:5rem}.story-card-content{padding:30px}.story-card-content h3{font-size:1.8rem;color:#fee49d;margin:0 0 10px;font-weight:400}.story-type{font-size:1rem;color:#fee49db3;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}.story-description{font-size:1.1rem;line-height:1.6;color:#fee49dd9;margin-bottom:20px}.view-story{display:inline-block;color:#fee49d;font-size:1rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease}.story-card:hover .view-story{transform:translate(5px)}.story-card-placeholder{background:#0003;border:2px dashed rgba(254,228,157,.3);display:flex;align-items:center;justify-content:center;min-height:300px}.story-card-placeholder:before{display:none}.story-card-placeholder .story-card-content{text-align:center}.placeholder-icon{font-size:4rem;display:block;margin-bottom:20px}.stories-builder{padding:100px 40px;background:#23284b4d;position:relative;z-index:2}.builder-container{max-width:1000px;margin:0 auto}.builder-content{text-align:center}.builder-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:50px 0}.feature-item{padding:30px 20px;background:#0003;border-radius:16px;border:1px solid rgba(254,228,157,.2);transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);border-color:#fee49d66;background:#0000004d}.feature-icon{font-size:2.5rem;display:block;margin-bottom:15px}.feature-item h4{font-size:1.3rem;color:#fee49d;margin:0 0 10px;font-weight:500}.feature-item p{font-size:1rem;color:#fee49db3;margin:0;line-height:1.5}.builder-cta{margin-top:50px}.cta-button-builder{display:inline-block;background:linear-gradient(135deg,#6b8dd6,#9b73af);color:#fff;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;box-shadow:0 8px 25px #6b8dd64d}.cta-button-builder:hover{transform:scale(1.05);box-shadow:0 12px 35px #6b8dd680}.builder-note{margin-top:15px;font-size:.9rem;color:#fee49d99;font-style:italic}.stories-footer{padding:40px;text-align:center;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;z-index:2}.stories-footer p{margin:0;color:#fee49db3}.stories-footer a{color:#fee49d;text-decoration:none;font-weight:500}.stories-footer a:hover{text-decoration:underline}@media (max-width: 768px){.stories-title{font-size:3rem}.stories-subtitle{font-size:1.2rem}.story-grid,.builder-features{grid-template-columns:1fr}.portfolio-container h2,.builder-container h2{font-size:2rem}}.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}}.story-builder{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.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-primary{background:linear-gradient(135deg,#6b8dd6,#9b73af);color:#fff}.builder-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b8dd64d}.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:300px 1fr;gap:24px;min-height:600px}.components-sidebar{background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #dee2e6}.components-sidebar h3{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 16px}.component-list{display:flex;flex-direction:column;gap:12px}.component-item{padding:16px;background:#fff;border-radius:8px;border:1px solid #dee2e6;cursor:grab;transition:all .2s;display:flex;align-items:center;gap:12px}.component-item:hover{border-color:#6b8dd6;box-shadow:0 2px 8px #6b8dd626}.component-item:active{cursor:grabbing}.component-icon{font-size:1.8rem;flex-shrink:0}.component-info{flex:1}.component-info strong{display:block;font-size:.95rem;color:#212529;margin-bottom:2px}.component-info p{font-size:.825rem;color:#6c757d;margin:0}.components-canvas{background:#fff;border-radius:12px;border:2px dashed #dee2e6;padding:40px;min-height:600px;position:relative}.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:hidden;box-shadow:0 2px 8px #0000000d}.preview-component{width:100%}.preview-text-block{color:#fee49d}.preview-border{background:transparent}.preview-animation{color:#fee49d}@media (max-width: 1024px){.components-workspace{grid-template-columns:1fr}.components-sidebar{max-height:300px;overflow-y:auto}}@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:pointer;transition:all .2s}.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-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:disabled{opacity:.3;cursor:not-allowed}.canvas-component-actions .delete-button:hover{border-color:#dc3545;background:#dc35451a}.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}.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:center;padding:12px;background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014}.polaroid-small{max-width:280px;padding:16px}.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}.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;position:relative;overflow-x:hidden;background:linear-gradient(to bottom,#faf8f3,#f0e8d8)}.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 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)}}