html,body{overflow:hidden;height:100%}.contact-container{background:rgba(20,20,30,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px #00000059;padding:2.5rem;width:90%;max-width:800px;color:#f1f1f1;line-height:1.8;font-size:1.1rem;word-break:break-word;letter-spacing:.02em;opacity:0;transform:translateY(-60px);animation:dropIn .8s ease-out forwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-60px)}@keyframes dropIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.contact-container h1{font-size:2rem;text-align:center;color:#a0e9ff;margin-bottom:2rem;font-weight:700}.contact-item{display:flex;align-items:center;margin-bottom:1.4rem;font-size:1.05rem;color:#e5e5e5}.contact-item .icon{font-size:1.3rem;margin-right:.6rem}.contact-item a{color:#ffd6a0;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#fff2c7}.contact-item a:after{content:" ↗";font-size:.9em;color:#aaa}@media (max-width: 768px){.container{max-width:70vw}}