@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --brand:#7a3cff;
  --brand-dark:#5b2bff;
  --brand-pink:#d92fb7;
  --brand-coral:#ff6276;
  --brand-aqua:#22d3ee;
  --brand-gold:#ffc857;
  --brand-soft:#f6f1ff;
  --ink:#140a2e;
  --body:#5a4b7a;
  --line:#e6daff;
  --canvas:#fcfaff;
  --shadow:0 22px 60px rgba(81,42,151,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--canvas)!important;color:var(--ink)!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body :is(p,li,input,textarea,select,button){font-family:'Poppins',system-ui,sans-serif!important}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
:focus-visible{outline:2px solid var(--brand)!important;outline-offset:3px;border-radius:10px}
.noise,.orb{display:none!important}
.container{width:min(100% - 32px,1200px);max-width:1200px}

/* Preserved InstaUstad logo, refreshed type treatment */
.navbar{padding:12px 0!important;background:rgba(255,255,255,.84)!important;border-bottom:1px solid rgba(230,218,255,.88)!important;box-shadow:none!important;backdrop-filter:blur(20px) saturate(150%)}
.navbar>.container{max-width:1320px}
.navbar-brand{display:inline-flex!important;align-items:center;gap:10px;color:var(--ink)!important;font:700 21px/1 'Poppins',sans-serif!important;letter-spacing:-.04em;text-decoration:none}
.navbar-brand>span:last-child>span{background:linear-gradient(100deg,var(--brand-dark),var(--brand-pink) 55%,var(--brand-coral));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-mark{width:39px!important;height:39px!important;flex:0 0 39px;border-radius:12px!important;background-color:transparent!important;background-image:url('../brand/instaustad-mark.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;box-shadow:0 9px 24px rgba(122,60,255,.2)!important}
.brand-mark i{display:none!important}
.navbar .nav-link{padding:9px 12px!important;border-radius:999px;color:var(--body)!important;font-size:13px!important;font-weight:500!important;white-space:nowrap}
.navbar .nav-link:hover,.navbar .nav-link:focus{background:var(--brand-soft);color:var(--ink)!important}
.navbar .dropdown-toggle:after{margin-left:7px;vertical-align:.18em}
.dropdown-menu{padding:8px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 55px rgba(20,10,46,.13)!important}
.dropdown-item{padding:10px 13px!important;border-radius:11px!important;color:var(--body)!important;font-size:13px!important;font-weight:500}
.dropdown-item:hover{background:var(--brand-soft)!important;color:var(--brand)!important}
.btn-nav,.extract-btn,.primary-action,.contact-box .btn{position:relative;overflow:hidden;border:0!important;background:linear-gradient(120deg,var(--brand-dark),var(--brand) 45%,#bd2db5)!important;color:#fff!important;box-shadow:0 11px 25px rgba(122,60,255,.28)!important;font-weight:600!important}
.navbar .btn-nav{padding:10px 18px!important;border-radius:999px!important;font-size:13px!important}
.btn-nav:hover,.extract-btn:hover,.primary-action:hover,.contact-box .btn:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(122,60,255,.36)!important}
.navbar-toggler{width:44px;height:44px;border:1px solid var(--line)!important;border-radius:12px;background:#fff}.navbar-toggler-icon{filter:none!important}

/* Homepage hero */
.hero{position:relative;isolation:isolate;min-height:0!important;padding:136px 0 72px!important;background:radial-gradient(55rem 28rem at 88% -8%,rgba(122,60,255,.20),transparent 60%),radial-gradient(45rem 28rem at -10% 25%,rgba(255,94,126,.15),transparent 60%),radial-gradient(38rem 22rem at 55% 105%,rgba(34,211,238,.13),transparent 60%),var(--canvas)!important;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:1!important;background-image:linear-gradient(rgba(20,10,46,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(20,10,46,.04) 1px,transparent 1px)!important;background-size:44px 44px!important;-webkit-mask-image:radial-gradient(ellipse at 50% 28%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 28%,#000 20%,transparent 72%)}
.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 17px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.84);color:var(--body);box-shadow:0 4px 15px rgba(20,10,46,.04);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.hero .eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--brand-gold);box-shadow:none}
.hero .display-title{margin:0 auto;max-width:950px;color:var(--ink);font:800 clamp(2.65rem,5.3vw,5rem)/1.06 'Poppins',sans-serif;letter-spacing:-.06em;text-wrap:balance}
.gradient-text{background:linear-gradient(100deg,var(--brand-dark) 0%,var(--brand) 24%,var(--brand-pink) 53%,#f0446a 75%,var(--brand) 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.hero .hero-copy{max-width:650px;margin:18px auto 0;color:var(--body);font-size:clamp(1rem,1.5vw,1.14rem);font-weight:400;line-height:1.72}
.hero .extractor-wrap{position:relative;width:min(100%,940px)!important;max-width:940px!important;margin:34px auto 0!important;padding:1.5px;border-radius:29px;background:linear-gradient(120deg,var(--brand-dark),var(--brand) 30%,var(--brand-pink) 65%,var(--brand-coral));box-shadow:0 24px 70px rgba(122,60,255,.21)}
.hero .extractor-card,.extractor-card,.result-card{border:0!important;border-radius:27px!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important;backdrop-filter:none!important}
.hero .extractor-card{padding:20px!important}
.extractor-wrap:before{display:none!important}
.home-tool-shortcuts-heading{display:none!important}
.home-tool-shortcuts{display:flex!important;gap:8px!important;margin:0 0 18px!important;overflow-x:auto;scrollbar-width:none}.home-tool-shortcuts::-webkit-scrollbar{display:none}
.home-tool-shortcuts a{display:inline-flex!important;flex:0 0 auto;align-items:center;gap:7px;padding:8px 13px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;color:var(--body)!important;box-shadow:none!important;text-decoration:none}
.home-tool-shortcuts a:hover{border-color:rgba(122,60,255,.35)!important;background:var(--brand-soft)!important;color:var(--brand)!important;transform:none!important}
.home-tool-shortcut-icon{display:grid;width:auto!important;height:auto!important;place-items:center;background:transparent!important;color:var(--brand)!important;box-shadow:none!important;font-size:15px}
.home-tool-shortcuts strong{color:inherit!important;font-size:12px!important;font-weight:600!important;white-space:nowrap}.home-tool-shortcuts small{display:none!important}
.form-label{margin:0 0 8px 2px!important;color:var(--ink)!important;font-size:13px!important;font-weight:600!important}
.url-control{display:flex;align-items:center;height:66px;padding:5px!important;border:1px solid var(--line)!important;border-radius:17px!important;background:#fff!important;transition:.2s}
.url-control:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(122,60,255,.11)!important}
.instagram-icon{display:grid;width:49px!important;height:49px!important;flex:0 0 49px;place-items:center;border:0!important;color:var(--brand)!important;font-size:20px}
.form-control{height:100%!important;padding:0 10px!important;border:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;font-size:15px!important;font-weight:400!important}.form-control::placeholder{color:#9e94b3!important}
.extract-btn{height:54px!important;min-width:184px;border-radius:13px!important;font-size:14px!important}
.input-hint{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:11px 2px 0!important;color:var(--body)!important;font-size:11px!important}.input-hint i{color:#22a06b!important}.input-hint span{opacity:.45}
.invalid-feedback{min-height:16px;margin:6px 2px 0!important;color:#c73565!important;font-size:12px}
.result-card{margin:13px 0 0!important;padding:22px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 45px rgba(20,10,46,.12)!important}
.result-head,.result-actions{border-color:var(--line)!important}.result-label{color:var(--ink)!important}.char-count{color:var(--body)!important}.result-content{color:#45385f!important}.action-btn,.icon-action{border:1px solid var(--line)!important;border-radius:11px!important;background:var(--brand-soft)!important;color:var(--body)!important}.primary-action{color:#fff!important}.status-dot{background:#2dc978!important}
.trust-row{margin-top:24px!important;color:var(--body)!important;font-size:11px!important;letter-spacing:.3px!important;text-transform:none!important}.trust-row i{background:#b5a6d4!important}

/* Homepage sections */
.steps-section{padding:94px 0!important;border:0!important;background:#fff!important}.section-kicker{margin-bottom:14px!important;color:var(--brand)!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.4px!important}.section-title{margin:0;color:var(--ink)!important;font:700 clamp(2.15rem,4vw,3.7rem)/1.13 'Poppins',sans-serif!important;letter-spacing:-.05em!important}.section-copy{color:var(--body)!important;font-size:15px!important;line-height:1.75!important}
.steps-grid{counter-reset:steps}.step-card{min-height:300px!important;padding:30px!important;border:1px solid var(--line)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 45px rgba(20,10,46,.055)!important;opacity:1!important;transform:none!important}.step-card:hover{transform:translateY(-5px)!important;box-shadow:var(--shadow)!important}.step-card.featured{background:linear-gradient(145deg,rgba(122,60,255,.08),#fff 58%,rgba(255,200,87,.10))!important;border-color:rgba(122,60,255,.24)!important}.step-number{color:#c6b8e2!important}.step-icon{width:52px!important;height:52px!important;margin-bottom:54px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--brand-soft)!important;color:var(--brand)!important}.step-card h3{color:var(--ink)!important;font:600 19px/1.4 'Poppins',sans-serif!important}.step-card p{color:var(--body)!important;font-size:13px!important;line-height:1.75!important}
.feature-section{padding:0 0 96px!important;background:#fff!important}.feature-panel{padding:64px!important;border:1px solid var(--line)!important;border-radius:30px!important;background:radial-gradient(circle at 100% 0,rgba(122,60,255,.11),transparent 32%),radial-gradient(circle at 0 100%,rgba(34,211,238,.11),transparent 28%),var(--canvas)!important;box-shadow:none!important;opacity:1!important;transform:none!important}.feature-list>div{border-radius:15px!important}.feature-list>div:hover{border-color:var(--line)!important;background:#fff!important}.feature-list i{background:#fff!important;color:var(--brand)!important}.feature-list strong{color:var(--ink)!important}.feature-list small{color:var(--body)!important}.caption-preview{border:1px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 30px 75px rgba(75,38,135,.18)!important}.avatar{background:linear-gradient(135deg,var(--brand-dark),var(--brand-pink))!important}.preview-image{background:radial-gradient(circle at 70% 22%,#fff0c7 0 8%,#ffc857 9% 14%,transparent 15%),linear-gradient(165deg,var(--ink),#3a1a9a 34%,var(--brand) 60%,var(--brand-pink) 82%,#ff8a5c)!important}
.home-blog-section{padding:92px 0!important;background:var(--canvas)!important}.home-blog-head>a{padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)!important;text-decoration:none}.home-blog-grid{gap:22px!important}.home-blog-grid>a{border:1px solid var(--line)!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important}.home-blog-grid>a:hover{transform:translateY(-5px);box-shadow:var(--shadow)!important}.home-blog-grid h3{color:var(--ink)!important}.home-blog-grid small,.home-blog-grid span{color:var(--body)!important}

/* Tool, article, legal and blog pages */
.content-page{min-height:70vh;padding:138px 0 90px!important;background:radial-gradient(48rem 26rem at 90% 0,rgba(122,60,255,.16),transparent 58%),radial-gradient(38rem 25rem at -8% 25%,rgba(255,94,126,.11),transparent 60%),var(--canvas)!important}
.page-kicker{display:inline-flex;padding:7px 12px!important;border:1px solid var(--line);border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:var(--brand)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.7px!important}
.page-title{max-width:970px!important;margin:18px 0!important;color:var(--ink)!important;font:800 clamp(2.5rem,5.2vw,4.8rem)/1.08 'Poppins',sans-serif!important;letter-spacing:-.06em!important;text-wrap:balance}.page-lead{max-width:760px;color:var(--body)!important;font-size:17px!important;line-height:1.78!important}
.tool-page-card{max-width:900px!important;margin:38px auto 0!important;padding:1.5px;border-radius:29px;background:linear-gradient(120deg,var(--brand-dark),var(--brand) 35%,var(--brand-pink),var(--brand-coral));box-shadow:0 22px 65px rgba(122,60,255,.18)}.tool-page-card>.extractor-card{padding:22px!important}.tool-page-card>.result-card{margin-top:2px!important}
.article-shell{gap:64px!important;margin-top:68px!important}.article-body{color:#493c62!important;font-size:16px!important;line-height:1.9!important}.article-body h2{color:var(--ink)!important;font:700 29px/1.3 'Poppins',sans-serif!important}.article-body h3{color:var(--ink)!important}.article-body a{color:var(--brand)!important}.article-note{border:1px solid var(--line)!important;border-radius:18px!important;background:var(--brand-soft)!important}.sidebar-card{top:105px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,10,46,.06)!important}.sidebar-card a{border-color:#efe8ff!important;color:var(--body)!important}.sidebar-card a:hover{color:var(--brand)!important}
.content-card,.quick-guide-card,.contact-box,.profile-tool-card,.profile-result{border-color:var(--line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 42px rgba(20,10,46,.055)!important}.content-card:hover{border-color:rgba(122,60,255,.3)!important;box-shadow:var(--shadow)!important}.content-card i,.quick-guide-icon{background:var(--brand-soft)!important;color:var(--brand)!important;box-shadow:none!important}.content-card small,.quick-guide-type{background:var(--brand-soft)!important;color:var(--brand)!important}.quick-guide-action{border-radius:13px!important;background:var(--ink)!important}.quick-guide-action:hover{background:var(--brand)!important}.quick-guide-note{border-color:var(--line)!important;background:var(--brand-soft)!important}
.blog-discovery{gap:10px!important}.blog-search{border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.blog-search-button,.blog-discovery>button{border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:600;padding:0 20px}.blog-discovery>span{background:var(--ink)!important}.blog-categories a{border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;color:var(--body)!important;text-decoration:none}.blog-categories a.active,.blog-categories a:hover{border-color:var(--brand)!important;background:var(--brand)!important;color:#fff!important}.blog-card{border:1px solid var(--line)!important;border-radius:23px!important;background:#fff!important;box-shadow:none!important}.blog-card:hover{border-color:rgba(122,60,255,.25)!important;box-shadow:var(--shadow)!important}.blog-card:before{background:linear-gradient(90deg,var(--brand-dark),var(--brand-pink),var(--brand-coral))!important}.blog-card-icon{background:linear-gradient(135deg,var(--brand-dark),var(--brand-pink))!important}.blog-card small,.blog-card strong{color:var(--brand)!important}

/* Footer: useful links only */
body>footer{padding:58px 0 25px!important;border-top:1px solid var(--line)!important;background:#fff!important}.footer-main-grid{grid-template-columns:2fr repeat(3,1fr)!important;gap:46px!important;padding:0 0 38px!important}.footer-main-grid>div{gap:9px!important}.footer-main-grid p{max-width:390px!important;margin:15px 0 0!important;color:var(--body)!important;font-size:13px!important;line-height:1.75!important}.footer-main-grid small{max-width:380px;color:#9186a5;font-size:11px;line-height:1.65}.footer-main-grid strong{margin-bottom:5px!important;color:var(--ink)!important;font-size:13px!important}.footer-main-grid a:not(.navbar-brand){color:var(--body)!important;font-size:12px!important;text-decoration:none}.footer-main-grid a:hover{color:var(--brand)!important}.footer-legal{display:flex!important;align-items:center;gap:22px!important;padding-top:22px!important;border-top:1px solid var(--line)!important;color:#9186a5!important;font-size:11px!important}.footer-legal a{color:var(--body)!important;text-decoration:none}.footer-quick-links{display:none!important}
.toast{border:0!important;border-radius:13px!important;background:var(--ink)!important;color:#fff!important;box-shadow:0 18px 50px rgba(20,10,46,.25)!important}

@media(max-width:1199.98px){
  .navbar-collapse{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(20,10,46,.10)}
  .navbar .nav-link{padding:11px 12px!important;font-size:14px!important}.navbar .btn-nav{display:block;width:100%;margin-top:6px;text-align:center}
}
@media(max-width:991.98px){.feature-panel{padding:42px!important}.article-shell{grid-template-columns:1fr!important}.article-sidebar{display:none!important}.footer-main-grid{grid-template-columns:1.4fr 1fr 1fr!important}.footer-main-grid>div:last-child{grid-column:auto!important}}
@media(max-width:767.98px){
  .container{width:min(100% - 24px,1200px)}.hero{padding:112px 0 50px!important}.hero .display-title{font-size:clamp(2.35rem,11vw,3.6rem)!important}.hero .hero-copy{font-size:15px!important}.hero .extractor-wrap{margin-top:27px!important;border-radius:23px}.hero .extractor-card{padding:15px!important;border-radius:22px!important}
  .url-control{display:grid!important;grid-template-columns:1fr!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;gap:9px}.instagram-icon{position:absolute!important;z-index:2;width:46px!important;height:56px!important}.form-control{height:57px!important;padding:0 14px 0 47px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important}.extract-btn{width:100%!important;min-width:0!important;height:54px!important}.input-hint{font-size:10px!important}.trust-row{gap:9px!important}
  .steps-section,.home-blog-section{padding:64px 0!important}.step-icon{margin-bottom:35px!important}.feature-section{padding-bottom:65px!important}.feature-panel{padding:28px 20px!important;border-radius:24px!important}.content-page{padding:116px 0 65px!important}.page-title{font-size:clamp(2.25rem,10vw,3.3rem)!important}.page-lead{font-size:15px!important}.tool-page-card{margin-top:30px!important;border-radius:23px}.tool-page-card>.extractor-card{padding:16px!important;border-radius:22px!important}.article-shell{margin-top:48px!important}.footer-main-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.footer-main-grid>div:first-child{grid-column:1/-1}.footer-legal{flex-wrap:wrap!important;gap:10px 18px!important}
}
@media(max-width:440px){.home-tool-shortcuts a{padding:8px 11px!important}.home-tool-shortcuts strong{font-size:11px!important}.result-actions{flex-wrap:wrap}.action-btn{flex:1}.footer-main-grid{grid-template-columns:1fr!important}.footer-main-grid>div:first-child{grid-column:auto}.section-title br{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23140a2e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important}