@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:100%;ascent-override:90.91%;descent-override:22.73%;line-gap-override:0}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v23/L0xkDF4xlVMF-BfR8bXMIjDwqcW-D00.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:110.8%;ascent-override:104.5%;descent-override:29.13%;line-gap-override:0}:root{--background:#f5f5f7;--surface:#fff;--primary-accent:#FFFC00;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-on-accent:#0a0a0a;--border-color:rgba(0,0,0,0.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 20px}.section{padding:80px 0;text-align:center}.section__title{font-family:'Roboto Mono',monospace;font-size:2.5rem;margin-bottom:20px;color:var(--text-primary)}.section__subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:70ch;margin:0 auto 40px auto}.cta-button{display:inline-block;font-family:'Roboto Mono',monospace;background-color:var(--primary-accent);color:var(--text-on-accent);padding:15px 35px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(255,252,0,0.4)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,252,0,0.5)}.header{padding:20px 0}.header nav{display:flex;justify-content:center;align-items:center}.logo{font-family:'Roboto Mono',monospace;font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--text-primary)}.logo__accent{color:#E8C900}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.hero__title{font-family:'Roboto Mono',monospace;font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.hero__subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px}.hero__badges{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.feature-card{background-color:var(--surface);padding:40px;border-radius:12px;border:1px solid var(--border-color);text-align:left;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.08)}.feature-card__icon{color:#E8C900;margin-bottom:20px}.feature-card__title{font-family:'Roboto Mono',monospace;font-size:1.5rem;margin-bottom:10px}.feature-card__description{color:var(--text-secondary);font-size:1rem}.showcase{background-color:var(--surface);padding:60px;border-radius:16px;margin-top:60px;border:1px solid var(--border-color)}.showcase__dashboard{display:grid;grid-template-columns:1fr;gap:20px;background-color:var(--background);padding:20px;border-radius:12px;max-width:800px;margin:0 auto}.dashboard__card{background-color:var(--surface);padding:20px;border-radius:8px;border:1px solid var(--border-color)}.dashboard__card-title{font-family:'Roboto Mono',monospace;font-size:1.1rem;margin-bottom:15px;display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.chat-log{font-size:.9rem}.chat-log__message{margin-bottom:10px;display:flex;gap:10px;align-items:flex-start}.chat-log__avatar{width:30px;height:30px;border-radius:50%;background-color:#e0e0e0;flex-shrink:0}.chat-log__content{background-color:var(--background);padding:8px 12px;border-radius:12px 12px 12px 0}.chat-log__message--deleted .chat-log__content{background-color:transparent;border:1px dashed var(--border-color);color:var(--text-secondary);font-style:italic}.friends-list{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.friend{text-align:center}.friend__avatar{width:50px;height:50px;border-radius:50%;background-color:var(--primary-accent);margin:0 auto 5px auto}.friend__name{font-size:.8rem;color:var(--text-secondary)}.location-map{height:150px;background-color:#e0e0e0;border-radius:8px;position:relative;overflow:hidden;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:20px 20px}.location-map__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#E8C900;border-radius:50%;border:2px solid var(--background)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.testimonial-card{background-color:var(--surface);padding:30px;border-radius:12px;border:1px solid var(--border-color);text-align:left}.testimonial-card__stars{color:#E8C900;margin-bottom:15px}.testimonial-card__text{font-style:italic;margin-bottom:15px;color:var(--text-secondary)}.testimonial-card__author{font-weight:bold;color:var(--text-primary)}.faq-container{max-width:800px;margin:60px auto 0 auto;text-align:left}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item summary{font-family:'Roboto Mono',monospace;font-size:1.2rem;padding:20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';font-size:2rem;transition:transform .2s ease}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item div{padding:0 20px 20px 20px;color:var(--text-secondary)}.footer{padding:40px 0;border-top:1px solid var(--border-color);text-align:center}.footer__links{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.footer__link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;cursor:pointer}.footer__link:hover{color:#E8C900}.footer__socials{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.footer__social-link{color:var(--text-secondary);transition:color .2s ease}.footer__social-link:hover{color:#E8C900}.footer__copyright{color:var(--text-secondary);font-size:.9rem}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);animation:fadeIn .3s ease}.modal-content{background-color:var(--surface);margin:10% auto;padding:40px;border:1px solid var(--border-color);width:90%;max-width:700px;border-radius:12px;position:relative;animation:slideIn .3s ease}.modal-close{color:var(--text-secondary);position:absolute;top:15px;right:20px;font-size:28px;font-weight:bold;cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal-content h2{font-family:'Roboto Mono',monospace;margin-bottom:20px}.modal-content p{color:var(--text-secondary);margin-bottom:15px;max-width:100%}.modal-content a{color:#E8C900}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.showcase__dashboard{grid-template-columns:1fr 1fr;grid-template-areas:"chat friends" "chat location"}.dashboard__card--chat{grid-area:chat}.dashboard__card--friends{grid-area:friends}.dashboard__card--location{grid-area:location}}@media(min-width:992px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero__title{font-size:2.5rem}.section__title{font-size:2rem}.features-grid{grid-template-columns:1fr}.showcase{padding:20px}.testimonials-grid{grid-template-columns:1fr}}