:root{--blue:#0B63FF;--text:#101010;--muted:#6e6e73;--border:#e6e6e8;--bg:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}
body{min-height:100vh}
button,input{font:inherit}
button{cursor:pointer}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 22px;background:radial-gradient(circle at 50% 42%,rgba(11,99,255,.055),transparent 38%),#fff}
.hero-inner{width:min(820px,100%);text-align:center}
.hero-logo{display:block;width:42px;height:auto;margin:0 auto 25px}
h1{font-family:Inter,Arial,sans-serif;font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-.055em;font-weight:700;margin:0}
.intro{max-width:600px;margin:24px auto 32px;color:var(--muted);font-size:16px;line-height:1.6}
.search-box{width:min(700px,100%);margin:0 auto;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 18px;background:#fff;border:1px solid var(--border);border-radius:100px;box-shadow:0 12px 35px rgba(0,0,0,.07)}
.instagram-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center}
.instagram-icon svg{width:24px;height:24px;display:block}
.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}
.search-box input::placeholder{color:#999}
.search-box button,.modal-card form button{border:0;border-radius:100px;background:var(--blue);color:#fff;font-weight:600;padding:14px 25px;transition:transform .18s ease,opacity .18s ease}
.search-box button:hover,.modal-card form button:hover{transform:translateY(-1px);opacity:.92}
.search-message{min-height:22px;margin:15px 0 0;color:var(--muted);font-size:14px}
.search-message.error,.form-message.error{color:#c62828}
.result{width:min(700px,100%);margin:24px auto 0;text-align:left}
.result-card{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.result-media{width:150px;height:150px;border-radius:16px;overflow:hidden;background:#f2f2f2;display:flex;align-items:center;justify-content:center}
.result-media img,.result-media video{width:100%;height:100%;object-fit:cover}
.result-info h2{margin:0 0 7px;font-size:18px}
.result-info p{margin:0 0 16px;color:var(--muted);font-size:14px}
.download-button{display:inline-flex;text-decoration:none;border-radius:100px;background:var(--blue);color:#fff;padding:12px 20px;font-size:14px;font-weight:600}
.credit{margin:48px 0 0;color:#999;font-size:12px}.credit a{color:inherit;text-decoration:none;transition:color .2s ease}.credit a:hover{color:var(--blue);text-decoration:underline}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(440px,100%);padding:30px;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.2);z-index:1}.modal-close{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:28px;color:#777;line-height:1}.modal-card h2{margin:0 0 9px;font-size:25px;letter-spacing:-.03em}.modal-card>p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5}.modal-card form{display:grid;gap:9px}.modal-card label{font-size:13px;font-weight:600}.modal-card input[type=email]{height:48px;border:1px solid var(--border);border-radius:14px;padding:0 14px;outline:0}.modal-card input[type=email]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,255,.1)}.modal-card form button{margin-top:6px;width:100%}.consent{display:flex!important;gap:8px;align-items:flex-start;color:#666!important;font-weight:400!important;line-height:1.4}.consent input{margin-top:3px}.form-message{min-height:18px;margin:0;font-size:13px;color:var(--muted)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:620px){.hero{padding:32px 16px}.hero-logo{width:36px;margin-bottom:20px}h1{font-size:40px}.intro{font-size:14px;margin:19px auto 25px}.search-box{gap:9px;padding:6px 6px 6px 14px}.search-box button{padding:13px 18px;font-size:14px}.result-card{grid-template-columns:1fr}.result-media{width:100%;height:240px}.credit{margin-top:38px}}