/*
 * ALAEDDİN | DESTEK MERKEZİ — BÜLTEN AIPT v3 GÖRSEL DİLİ
 * Dosya: destek/assets/css/support-aipt-v2.css
 * Sürüm: 2.0.0 | 17.10.2026
 * Kapsam: salt sunum, var olan rehber/veri/form mantığına dokunulmaz.
 * Kredi: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş. / TeknoenAI.com
 * Font Awesome Pro, CDN, ücretli JS kullanılmaz; yerel SVG ikonlar.
 */
:root{--ink:#10152f;--navy:#151936;--muted:#66708c;--purple:#6354e7;--deep:#4f43d3;--lilac:#f5f4fe;--blue:#00cfe3;--border:#e5e7f1;--shadow:0 26px 60px rgba(41,45,105,.09);--aipt-bg:#f7f8fe}
html{scroll-padding-top:100px}
body.destek-aipt{background:var(--aipt-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65}
.destek-aipt .container{width:min(1190px,calc(100% - 42px))}
.destek-aipt .site-header{background:rgba(250,251,255,.91);border-bottom:1px solid rgba(216,220,238,.72);box-shadow:none;backdrop-filter:blur(15px)}
.destek-aipt .header-inner{min-height:91px;gap:22px}
.destek-aipt .brand{gap:9px}.destek-aipt .brand img{width:146px}.destek-aipt .brand-tag{font-size:10px;letter-spacing:.17em;font-weight:850;color:#4b54a2;border:0;padding:8px 0 0}
.destek-aipt .primary-nav{gap:32px;margin-left:auto}
.destek-aipt .primary-nav>a:not(.header-contact){font-size:13px;font-weight:720;color:#424a68;transition:color .2s}
.destek-aipt .primary-nav>a:not(.header-contact):after{background:#7060ec}
.destek-aipt .primary-nav>a:not(.header-contact):hover,.destek-aipt .primary-nav>a[aria-current=page]:not(.header-contact){color:#5652d7}
.destek-aipt .header-contact{color:white;border-radius:100px;background:#151835;box-shadow:0 13px 24px rgba(27,29,71,.12);min-height:45px;padding:12px 22px;gap:17px;white-space:nowrap;font-weight:770;transition:transform .25s,box-shadow .25s}
.destek-aipt .header-contact:hover{transform:translateY(-3px);background:#222658;box-shadow:0 17px 33px #2e2a702f}
.destek-aipt .menu-toggle{border-color:#dcdcf5;background:#fff;color:#5351ba}
.destek-aipt .button{min-height:52px;font-weight:760;padding:13px 26px;gap:15px;transition:transform .2s,box-shadow .2s}
.destek-aipt .button-primary{background:linear-gradient(112deg,#4a63ed,#9c42ea);color:white;box-shadow:0 17px 35px rgba(93,66,208,.21)}
.destek-aipt .button-primary:hover{background:linear-gradient(112deg,#4054d9,#8839d4);box-shadow:0 18px 32px #6959cc40}
.destek-aipt .text-link{color:#5552d0}
/* AIPT / Bülten style hero */
.destek-aipt .hero{background:radial-gradient(ellipse at 73% 34%,rgba(205,206,255,.65),transparent 45%),linear-gradient(135deg,#fcfcff 0%,#f7f9ff 55%,#eef3ff 100%);isolation:isolate}
.destek-aipt .hero-aipt-backdrop{position:absolute;inset:0;z-index:-1;opacity:.8;background-image:radial-gradient(#aeb6df .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,black)}
.destek-aipt .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;min-height:660px;padding-top:55px;padding-bottom:47px}
.destek-aipt .hero-kicker{display:inline-flex;gap:10px;width:max-content;max-width:100%;background:#fff;border:1px solid #e5e3fb;color:#5b54c4;padding:10px 17px;border-radius:99px;font-size:11px;letter-spacing:.1em;font-weight:850;box-shadow:0 10px 18px rgba(96,70,177,.06)}
.destek-aipt .kicker-dot{background:#39cdbf;box-shadow:0 0 0 5px rgba(57,205,191,.14)}
.destek-aipt .hero h1{font-size:clamp(46px,5vw,79px);line-height:1.075;letter-spacing:-.067em;margin:29px 0 23px;color:#10152f;font-weight:850}
.destek-aipt .hero h1 em,.destek-aipt .section-heading h2 span{font-style:normal;background:linear-gradient(102deg,#4a55ed 5%,#a543f3 49%,#10c9e0 97%);-webkit-background-clip:text;background-clip:text;color:transparent}
.destek-aipt .hero-copy>p{font-size:17px;color:#636c86;line-height:1.85;max-width:535px;margin:0 0 28px}
.destek-aipt .hero-search{border:1px solid #e4e4f3;box-shadow:0 17px 48px rgba(40,50,112,.11);border-radius:17px;padding:8px 8px 8px 18px;gap:9px}
.destek-aipt .hero-search>.icon{color:#6963db}.destek-aipt .hero-search button{background:#151835;border-radius:11px;white-space:nowrap;padding:12px 19px;min-height:48px}.destek-aipt .hero-search button:hover{background:#403cc1}
.destek-aipt .hero-search input{color:#202843}
.destek-aipt .hero-tags{margin-top:16px}.destek-aipt .hero-tags span{color:#747d94}.destek-aipt .hero-tags a{background:#fff;color:#5452c8;border:1px solid #e6e6f4}
.destek-aipt .hero-tags a:hover{border-color:#aea4ea;background:#f4f3fe}
.destek-aipt .hero-mini-benefits{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;color:#636e8a;font-size:12px;font-weight:650}
.destek-aipt .hero-mini-benefits span::first-letter{color:#38bdab}
.destek-aipt .hero-art{height:530px;isolation:isolate}
.destek-aipt .hero-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 50% 52%,rgba(151,229,249,.75),rgba(189,154,249,.23) 48%,transparent 71%);filter:blur(7px);z-index:-1}
.destek-aipt .orb{z-index:0;background:none;border-color:rgba(127,111,233,.2);box-shadow:none}
.destek-aipt .orb-one{width:520px;height:350px;transform:rotate(-18deg)}.destek-aipt .orb-two{width:460px;height:450px;transform:rotate(45deg);border-style:solid}
.destek-aipt .hero-person{z-index:3;width:min(98%,485px);filter:drop-shadow(0 28px 25px rgba(31,62,164,.18))}
.destek-aipt .hero-person img{animation:gentle-float 6s ease-in-out infinite}
.destek-aipt .aipt-orb{position:absolute;width:200px;height:auto;object-fit:contain;z-index:2;pointer-events:none;filter:drop-shadow(0 22px 25px rgba(106,79,183,.13))}
.destek-aipt .aipt-orb-one{top:-20px;right:-38px;transform:rotate(-14deg);animation:destek-sway 7s ease-in-out infinite}
.destek-aipt .aipt-orb-two{bottom:-28px;left:-52px;width:188px;animation:destek-sway 8s ease-in-out -3s infinite}
.destek-aipt .floating-note{z-index:5;white-space:nowrap;background:rgba(255,255,255,.93);border:1px solid #e8e7f3;border-radius:15px;box-shadow:0 19px 41px rgba(50,53,135,.1);min-width:0;transform:none}
.destek-aipt .note-one{top:16%;left:-17px}.destek-aipt .note-two{right:-22px;bottom:20%}.destek-aipt .float-icon{color:#7159e7;background:#eeebff}
.destek-aipt .destek-signal{border-top:1px solid rgba(148,154,211,.22);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7a84a3;font-size:12px;letter-spacing:.13em;font-weight:850}
.destek-aipt .destek-signal i{height:6px;width:6px;border-radius:50%;background:#bec7df;flex-shrink:0}
.destek-aipt .hero-bottom-shape{display:none}
@keyframes destek-sway{0%,100%{translate:0 0}50%{translate:5px -14px}}
/* Section typography, cards, icons */
.destek-aipt .section{padding-block:100px}
.destek-aipt .eyebrow{font-size:11px;color:#6854d7;letter-spacing:.16em;font-weight:900}
.destek-aipt .section-heading h2{font-size:clamp(37px,4.6vw,61px);line-height:1.13;letter-spacing:-.058em;font-weight:850;margin:14px 0 21px}
.destek-aipt .section-heading>p{color:#66708c;font-size:15px;line-height:1.75}
.destek-aipt .categories-section,.destek-aipt .faq-section,.destek-aipt .listing-section{background:#fff}
.destek-aipt .featured-section{background:#f7f8fe}
.destek-aipt .steps-section{background:linear-gradient(140deg,#f0f4ff,#f8f6ff 48%,#f5fbff)}
.destek-aipt .category-grid{gap:20px}.destek-aipt .category-card{border-radius:23px;background:linear-gradient(158deg,#fbfcff,#f7f7fe);box-shadow:none;border:1px solid #e8e8f3;padding:28px 25px 25px;min-height:285px;transition:transform .3s,box-shadow .3s,border-color .3s}
.destek-aipt .category-card:hover,.destek-aipt .article-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(41,45,105,.09);border-color:#c7bcf6}
.destek-aipt .category-icon{background:linear-gradient(135deg,#edeaff,#e6fcff)!important;border-radius:17px;width:56px;height:56px;color:#7541e4!important}
.destek-aipt .category-card h3{font-size:19px;letter-spacing:-.035em;color:#151b35}
.destek-aipt .category-card p{color:#68728c;font-size:13px}
.destek-aipt .category-next,.destek-aipt .article-card-more{color:#5852c9;font-weight:800}
.destek-aipt .article-card{background:#fff;border:1px solid #e6e8f3;box-shadow:none;border-radius:23px;transition:transform .3s,box-shadow .3s,border-color .3s}
.destek-aipt .article-card-category{color:#6752db;background:#f1f0ff}
.destek-aipt .step-card{background:#fff;border-radius:23px;border:1px solid #e6e8f3;box-shadow:none}
.destek-aipt .step-num{color:#987be8}.destek-aipt .step-icon{color:#6354e7;background:#eeebff}
.destek-aipt .faq-item{border-radius:17px;border-color:#e8e8f3;background:#fff}
.destek-aipt .faq-item[open] summary{color:#5552c6}
.destek-aipt .status-strip{background:#f3f6ff;border-color:#e6eafd}.destek-aipt .status-symbol{background:#e8e8ff;color:#5b56d9}
.destek-aipt .status-inner strong{color:#4549ab}.destek-aipt .status-inner>a{color:#5352cc}
/* Inner pages: same Bülten AIPT light background and card system */
.destek-aipt .page-hero,.destek-aipt .article-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 35%,rgba(204,211,255,.52),transparent 42%),linear-gradient(135deg,#fcfcff,#f4f7ff 55%,#edf2ff);border-bottom:1px solid #e9eafa}
.destek-aipt .page-hero:after,.destek-aipt .article-hero:after{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#9fa9d9 .7px,transparent .7px);background-size:27px 27px;pointer-events:none}
.destek-aipt .page-hero .container,.destek-aipt .article-hero .container{position:relative;z-index:1}
.destek-aipt .page-hero h1,.destek-aipt .article-hero h1{font-size:clamp(39px,5vw,65px);line-height:1.1;letter-spacing:-.055em;color:#151832}
.destek-aipt .page-hero .eyebrow,.destek-aipt .article-hero .eyebrow{display:inline-flex;background:#fff;border:1px solid #e5e3fb;padding:9px 15px;border-radius:99px;font-size:10px;letter-spacing:.12em}
.destek-aipt .page-hero p,.destek-aipt .article-hero-main>p{color:#66708c;line-height:1.8}
.destek-aipt .breadcrumbs a{color:#64628e}.destek-aipt .breadcrumbs [aria-current=page]{color:#404873}
.destek-aipt .listing-search,.destek-aipt .contact-panel,.destek-aipt .faq-item,.destek-aipt .contact-direct,.destek-aipt .contact-tips,.destek-aipt .article-content,.destek-aipt .article-sidebar>*,.destek-aipt .about-illustration{border-color:#e6e8f3}
.destek-aipt .filter-pill.active,.destek-aipt .filter-pill:hover{background:#6155db;color:#fff;border-color:#6155db}
.destek-aipt .article-notice{border-color:#c7c7f9;background:#f5f6ff}
.destek-aipt .contact-panel,.destek-aipt .contact-direct{box-shadow:0 16px 48px rgba(40,45,102,.05);border-radius:24px}
.destek-aipt .contact-panel:focus-within{border-color:#b0aefa}
.destek-aipt .contact-form input:focus-visible,.destek-aipt .contact-form textarea:focus-visible,.destek-aipt .contact-form select:focus-visible{outline:3px solid #7a8df3;outline-offset:2px}
/* AIPT dark footer + gradient invitation */
.destek-aipt .destek-last-call{background:linear-gradient(120deg,#25245b 0%,#5d45cc 58%,#8452db 100%);color:#fff;overflow:hidden;position:relative}
.destek-aipt .destek-last-call:after{content:"";position:absolute;top:-150px;right:-160px;width:460px;height:460px;border-radius:50%;border:90px solid #ffffff0b;pointer-events:none}
.destek-aipt .destek-last-call-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:44px;position:relative;z-index:1}
.destek-aipt .destek-footer-kicker{font-size:11px;letter-spacing:.15em;color:#bfc7ff;font-weight:850}
.destek-aipt .destek-last-call h2{font-size:clamp(31px,3.8vw,50px);line-height:1.12;letter-spacing:-.04em;color:#fff;margin:12px 0}
.destek-aipt .destek-last-call p{color:#ded9ff;font-size:14px;margin:0}
.destek-aipt .destek-last-call .button-white{color:#17152a;background:#fff;white-space:nowrap}
.destek-aipt .site-footer{background:#10142b;color:#bdc4dd}
.destek-aipt .footer-main{grid-template-columns:2fr 1fr 1.15fr 1.2fr;padding-top:52px;padding-bottom:42px}
.destek-aipt .footer-brand p,.destek-aipt .footer-brand>span,.destek-aipt .footer-main nav a{color:#bdc4dd}
.destek-aipt .footer-brand img{width:160px;background:#fff;border-radius:8px;padding:4px}
.destek-aipt .footer-main nav strong{color:#f6f8ff}.destek-aipt .footer-main nav a:hover{color:#fff}
.destek-aipt .footer-bottom{border-top-color:#34384d;color:#9199b7}
.destek-aipt .back-top{background:#5b54d8;box-shadow:0 10px 23px #3336aa55}
@media(max-width:1100px){.destek-aipt .primary-nav{gap:17px}.destek-aipt .primary-nav>a:not(.header-contact){font-size:12px}.destek-aipt .aipt-orb-one{right:0}.destek-aipt .aipt-orb-two{left:-10px}.destek-aipt .hero h1{font-size:clamp(45px,5.3vw,70px)}}
@media(max-width:920px){.destek-aipt .header-inner{min-height:73px}.destek-aipt .menu-toggle{display:flex}.destek-aipt .primary-nav{top:100%;margin-left:0;box-shadow:0 25px 32px #30295e24;background:#fff;gap:0}.destek-aipt .primary-nav>a:not(.header-contact){font-size:15px}.destek-aipt .hero-inner{grid-template-columns:1fr;gap:18px;padding-top:55px;min-height:unset}.destek-aipt .hero-copy{text-align:center}.destek-aipt .hero-kicker{margin-inline:auto}.destek-aipt .hero-copy>p{margin-inline:auto}.destek-aipt .hero-search{margin-inline:auto}.destek-aipt .hero-tags,.destek-aipt .hero-mini-benefits{justify-content:center}.destek-aipt .hero-art{height:460px;max-width:620px;width:100%;margin-inline:auto}.destek-aipt .hero-person{width:min(82%,390px)}.destek-aipt .footer-main{grid-template-columns:1.5fr 1fr 1fr}.destek-aipt .footer-main nav:last-child{grid-column:2/4}}
@media(max-width:700px){.destek-aipt .container{width:min(100% - 30px,670px)}.destek-aipt .section{padding-block:72px}.destek-aipt .hero-inner{padding-top:48px;padding-bottom:8px}.destek-aipt .hero h1{font-size:clamp(41px,10vw,61px)}.destek-aipt .hero-copy>p{font-size:15px}.destek-aipt .hero-art{height:375px;max-width:480px}.destek-aipt .hero-person{width:min(79%,320px)}.destek-aipt .hero-halo{width:315px;height:315px}.destek-aipt .orb-one,.destek-aipt .orb-two{display:none}.destek-aipt .aipt-orb-one{width:130px;right:8px;top:0}.destek-aipt .aipt-orb-two{width:125px;left:5px;bottom:0}.destek-aipt .note-one{left:0;top:20%}.destek-aipt .note-two{right:0;bottom:14%}.destek-aipt .destek-signal{flex-wrap:wrap;justify-content:center;min-height:60px;padding:12px 0;gap:11px;font-size:9px}.destek-aipt .destek-signal i{width:4px;height:4px}.destek-aipt .destek-last-call-inner{flex-direction:column;align-items:flex-start}.destek-aipt .footer-main{grid-template-columns:1.3fr 1fr}.destek-aipt .footer-main nav:last-child{grid-column:auto}}
@media(max-width:500px){.destek-aipt .brand img{width:120px}.destek-aipt .brand-tag{font-size:9px}.destek-aipt .hero h1{font-size:clamp(38px,10.2vw,52px)}.destek-aipt .hero-search button{font-size:12px;padding:9px 12px;min-height:44px}.destek-aipt .hero-search input{font-size:13px}.destek-aipt .hero-mini-benefits{gap:8px;font-size:10px}.destek-aipt .hero-art{height:296px}.destek-aipt .hero-person{width:235px}.destek-aipt .hero-halo{width:265px;height:265px}.destek-aipt .aipt-orb-one,.destek-aipt .aipt-orb-two{width:108px}.destek-aipt .aipt-orb-one{right:-8px;top:4px}.destek-aipt .aipt-orb-two{left:-5px;bottom:1px}.destek-aipt .floating-note{padding:8px 10px}.destek-aipt .note-one{top:17%;left:-2px}.destek-aipt .note-two{right:-2px;bottom:17%}.destek-aipt .footer-main{grid-template-columns:1fr 1fr;column-gap:25px}.destek-aipt .footer-main nav:last-child{grid-column:auto}}
@media(max-width:355px){.destek-aipt .hero h1{font-size:36px}.destek-aipt .hero-search button{font-size:0;gap:0;padding:10px 13px}.destek-aipt .hero-search button .icon{width:20px;height:20px}.destek-aipt .hero-art{height:265px}.destek-aipt .hero-person{width:208px}.destek-aipt .floating-note small{display:none}}
@media(prefers-reduced-motion:reduce){.destek-aipt .aipt-orb,.destek-aipt .hero-person img{animation:none!important}}

/* Mobil grid içeriğini en küçük ekrana kadar taşıma: taşmayı gizlemek yerine ölçülendir. */
.destek-aipt .hero-copy,.destek-aipt .hero-art,.destek-aipt .hero-search{min-width:0;max-width:100%}
.destek-aipt .hero-search input{min-width:0!important;width:0;flex:1 1 0}
.destek-aipt .hero-search button{flex-shrink:0}
@media(max-width:500px){.destek-aipt .hero-art{overflow:visible}.destek-aipt .floating-note{max-width:52%;white-space:normal}.destek-aipt .floating-note small{white-space:normal}.destek-aipt .note-two{right:0}}
