body{font-family:"Noto Sans Duployan",sans-serif;background-color:#f8faff;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;position:relative;overflow:hidden}#content-backdrop{background-color:rgba(255,255,255,.85);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:20px;padding:40px;margin:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:600px;width:70%;max-height:90vh;overflow-y:auto}#text-container{text-align:left;width:90%;max-width:530px}#text-container .line{font-size:clamp(1em, 4vw, 2.2em)}#text-container .line.active{font-weight:700}#text-container .line.active.typing::after{content:'|';animation:blink .5s step-end infinite}@keyframes blink{from,to{color:transparent}50%{color:#333}}#contact-section{display:flex;flex-direction:column;align-items:center;margin-top:30px;opacity:0;transition:opacity 1s ease-in-out;width:100%;max-width:550px}#contact-section.visible{opacity:1}#contact-section #logo,#contact-us{margin-bottom:1px;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}#contact-us{font-family:"Noto Sans",sans-serif;font-size:1.1em;font-weight:500;color:#655d99;text-decoration:none;padding:12px 24px;border:2px solid #655d99;border-radius:10px;background-color:rgba(101,93,153,.05);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1}#contact-us::before{content:'✉';margin-right:8px;font-size:1.6em;display:flex;align-items:center;justify-content:center;line-height:1;height:1em}#contact-us:hover{color:#fff;background-color:#655d99;border-color:#835d99;transform:translateY(-2px);box-shadow:0 4px 15px rgba(101,93,153,.3)}#contact-us:active{transform:translateY(0);box-shadow:0 2px 8px rgba(101,93,153,.4)}#contact-section #logo{background-color:transparent;border:none;padding:20px 10px;width:clamp(180px,30vw,350px);max-width:none;height:auto;align-self:center}#contact-section #logo.visible,#contact-us.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){#content-backdrop{padding:30px;margin:15px;border-radius:15px}#contact-section{margin-top:25px}#contact-us{font-size:1em;padding:10px 20px}#contact-section #logo{width:clamp(140px,35vw,280px);padding:15px 5px}}@media (max-width:480px){#content-backdrop{padding:20px;margin:10px;border-radius:10px}#contact-section{margin-top:20px}#contact-us{font-size:.9em;padding:8px 16px}#contact-us::before{font-size:.8em;margin-right:6px}#contact-section #logo{width:clamp(120px,40vw,220px);padding:10px 5px}}@media (max-height:500px) and (orientation:landscape){#content-backdrop{max-height:85vh;padding:20px;margin:10px;width:80%;max-width:none}#text-container .line{font-size:clamp(.9em, 3vw, 1.6em);line-height:1.2;margin-bottom:5px}#contact-section{margin-top:15px}#contact-us{font-size:.8em;padding:6px 12px}#contact-section #logo{width:clamp(80px,25vw,150px);padding:5px}}@media (max-height:400px) and (orientation:landscape){#content-backdrop{max-height:80vh;padding:15px;margin:5px;width:85%}#text-container .line{font-size:clamp(.8em, 2.5vw, 1.4em);line-height:1.1;margin-bottom:3px}#contact-section{margin-top:10px}#contact-us{font-size:.7em;padding:4px 10px}#contact-section #logo{width:clamp(60px,20vw,120px);padding:3px}}