{"id":13,"date":"2025-12-05T16:47:19","date_gmt":"2025-12-05T16:47:19","guid":{"rendered":"https:\/\/idpicker.com\/?page_id=13"},"modified":"2026-04-08T09:41:42","modified_gmt":"2026-04-08T09:41:42","slug":"anasayfa","status":"publish","type":"page","link":"https:\/\/idpicker.com\/en\/","title":{"rendered":"IDPicker"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd3e5ae e-con-full e-flex e-con e-parent\" data-id=\"cd3e5ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aca31d8 elementor-widget elementor-widget-html\" data-id=\"aca31d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-hero\">\r\n\r\n    <div class=\"idp-hero-inner\">\r\n\r\n        <div class=\"idp-hero-badge\" data-animate-up>\r\n            Yapay Zeka Destekli\r\n        <\/div>\r\n\r\n        <h1 class=\"idp-hero-title\" data-animate-up>\r\n            Gelece\u011finiz \u0130\u00e7in<br>\r\n            <span class=\"idp-hero-gradient\">Ak\u0131ll\u0131 E\u011fitim ve Kariyer Rehberi<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"idp-hero-desc\" data-animate-up>\r\n            K12'den \u00fcniversiteye, i\u015f hayat\u0131na kadar t\u00fcm e\u011fitim yolculu\u011funuzda \r\n            yapay zeka ile ki\u015fiselle\u015ftirilmi\u015f rehberlik.\r\n        <\/p>\r\n\r\n        <div class=\"idp-hero-buttons\" data-animate-up>\r\n            <a href=\"\/ozellikler\" class=\"idp-btn-primary\">\r\n                Daha Fazla Bilgi\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" \r\n                     viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" \r\n                     stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \r\n                     class=\"icon-arrow\">\r\n                     <path d=\"M5 12h14\"><\/path>\r\n                     <path d=\"m12 5 7 7-7 7\"><\/path>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n            <a href=\"\/demo\" class=\"idp-btn-secondary\">Demo Talep Edin<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* ==============================\r\n   BRAND COLOR SYSTEM MATCH\r\n============================== *\/\r\n:root{\r\n    \/* Primary brand *\/\r\n    --primary:#E63946;\r\n    --primary-light:#FF4D58;\r\n    --primary-dark:#CC3340;\r\n    --primary-foreground:#FFFFFF;\r\n\r\n    \/* Accent *\/\r\n    --accent:#FF8C42;\r\n    --accent-foreground:#FFFFFF;\r\n\r\n    \/* Background Layers *\/\r\n    --background:#FEF9F8;\r\n    --muted:#F5E6E8;\r\n    --card:#FFFFFF;\r\n    --card-foreground:#2D3047;\r\n\r\n    \/* Text *\/\r\n    --text-primary:#2D3047;\r\n    --text-secondary:#4A4E69;\r\n    --text-muted:#9A8C98;\r\n\r\n    \/* Border *\/\r\n    --border:#FFE5E5;\r\n}\r\n\r\n\/* HERO SECTION *\/\r\n.idp-hero{\r\n    min-height:85vh;\r\n    background:var(--background);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    padding:80px 20px;\r\n    opacity:0;\r\n    animation:fadeIn .9s ease forwards;\r\n}\r\n\r\n\/* content *\/\r\n.idp-hero-inner{\r\n    max-width:900px;\r\n    margin:auto;\r\n}\r\n\r\n\/* entrance animation *\/\r\n[data-animate-up]{\r\n    opacity:0;\r\n    animation:fadeUp .9s ease forwards;\r\n}\r\n[data-animate-up]:nth-child(1){animation-delay:.2s;}\r\n[data-animate-up]:nth-child(2){animation-delay:.35s;}\r\n[data-animate-up]:nth-child(3){animation-delay:.5s;}\r\n[data-animate-up]:nth-child(4){animation-delay:.65s;}\r\n\r\n@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}\r\n@keyframes fadeUp{\r\n    from{opacity:0;transform:translateY(20px);}\r\n    to{opacity:1;transform:translateY(0);}\r\n}\r\n\r\n\/* badge *\/\r\n.idp-hero-badge{\r\n    display:inline-block;\r\n    background:var(--primary);\r\n    color:var(--primary-foreground);\r\n    padding:6px 14px;\r\n    border-radius:6px;\r\n    font-size:13px;\r\n    font-weight:600;\r\n    margin-bottom:18px;\r\n}\r\n\r\n\/* title *\/\r\n.idp-hero-title{\r\n    font-size:46px;\r\n    font-weight:800;\r\n    color:var(--text-primary);\r\n    line-height:1.15;\r\n    margin-bottom:18px;\r\n}\r\n@media(min-width:768px){.idp-hero-title{font-size:62px;}}\r\n@media(min-width:1024px){.idp-hero-title{font-size:72px;}}\r\n\r\n\/* gradient highlight using brand *\/\r\n.idp-hero-gradient{\r\n    background:linear-gradient(90deg,var(--primary-light),var(--accent));\r\n    -webkit-background-clip:text;\r\n    color:transparent;\r\n}\r\n\r\n\/* description *\/\r\n.idp-hero-desc{\r\n    font-size:19px;\r\n    color:var(--text-secondary);\r\n    max-width:650px;\r\n    margin:20px auto 34px;\r\n}\r\n\r\n\/* buttons *\/\r\n.idp-hero-buttons{\r\n    display:flex;\r\n    gap:14px;\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\/* ===================\r\n   CTA BUTTON STYLES\r\n=================== *\/\r\n\r\n\/* Primary \u2013 g\u00fc\u00e7l\u00fc CTA *\/\r\n.idp-btn-primary{\r\n    background:var(--primary);\r\n    color:var(--primary-foreground);\r\n    font-weight:600;\r\n    padding:14px 38px;\r\n    border-radius:12px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    text-decoration:none;\r\n    transition:.28s ease;\r\n    border:1px solid var(--primary-dark);\r\n    box-shadow:0 6px 14px rgba(230,57,70,.25); \/* premium depth *\/\r\n}\r\n\r\n.idp-btn-primary:hover{\r\n    background:var(--primary-light);\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 24px rgba(230,57,70,.35);\r\n}\r\n\r\n\/* Secondary \u2013 outline ama hover\u2019da premium d\u00f6n\u00fc\u015f\u00fcm *\/\r\n.idp-btn-secondary{\r\n    background:transparent;\r\n    color:var(--primary);\r\n    border:2px solid var(--primary);\r\n    font-weight:600;\r\n    padding:14px 38px;\r\n    border-radius:12px;\r\n    text-decoration:none;\r\n    transition:.28s ease;\r\n}\r\n\r\n.idp-btn-secondary:hover{\r\n    background:var(--primary);\r\n    color:#fff;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 24px rgba(230,57,70,.25);\r\n}\r\n\r\n\/* Arrow icon uyumu *\/\r\n.icon-arrow{\r\n    width:18px;height:18px;\r\n    transition:.3s ease;\r\n}\r\n\r\n.idp-btn-primary:hover .icon-arrow{\r\n    transform:translateX(4px);\r\n}\r\n\r\n\/* Mobile refinement *\/\r\n@media(max-width:640px){\r\n    .idp-btn-primary,\r\n    .idp-btn-secondary{\r\n        padding:12px 28px;\r\n        font-size:15px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* icon *\/\r\n.icon-arrow{width:18px;height:18px;}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92fe47e e-con-full e-flex e-con e-parent\" data-id=\"92fe47e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6402a3b elementor-widget elementor-widget-html\" data-id=\"6402a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-stats-section\">\r\n    <div class=\"idp-stats-grid\">\r\n\r\n        <div class=\"idp-stat-item\">\r\n            <div class=\"idp-stat-number\">5,800+<\/div>\r\n            <div class=\"idp-stat-label\">\u00dcniversite<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"idp-stat-item\">\r\n            <div class=\"idp-stat-number\">150+<\/div>\r\n            <div class=\"idp-stat-label\">E\u011fitim Kurumu<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"idp-stat-item\">\r\n            <div class=\"idp-stat-number\">50,000+<\/div>\r\n            <div class=\"idp-stat-label\">Aktif \u00d6\u011frenci<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"idp-stat-item\">\r\n            <div class=\"idp-stat-number\">%95<\/div>\r\n            <div class=\"idp-stat-label\">Ba\u015far\u0131 Oran\u0131<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ======================================================\r\n   IDP STATS SECTION \u2013 BRAND COLOR VERSION\r\n   ====================================================== *\/\r\n\r\n:root {\r\n    --primary: #E63946;\r\n    --primary-light: #FF4D58;\r\n    --primary-dark: #CC3340;\r\n\r\n    --background: #FEF9F8;\r\n    --text-primary: #2D3047;\r\n    --text-secondary: #4A4E69;\r\n    --text-muted: #9A8C98;\r\n\r\n    --border: #FFE5E5;\r\n}\r\n\r\n\/* SECTION WRAPPER *\/\r\n.idp-stats-section {\r\n    width: 100%;\r\n    background: var(--primary);\r\n    color: #ffffff; \/* primary foreground *\/\r\n    padding: 56px 20px;\r\n    font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n\/* GRID *\/\r\n.idp-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 40px;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .idp-stats-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 60px;\r\n    }\r\n}\r\n\r\n\/* STAT ITEM *\/\r\n.idp-stat-item {\r\n    width: 100%;\r\n}\r\n\r\n\/* MAIN NUMBER *\/\r\n.idp-stat-number {\r\n    font-size: 40px;\r\n    font-weight: 800;\r\n    margin-bottom: 6px;\r\n    color: #fff;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .idp-stat-number {\r\n        font-size: 52px;\r\n    }\r\n}\r\n\r\n\/* LABEL *\/\r\n.idp-stat-label {\r\n    font-size: 16px;\r\n    opacity: 0.92;\r\n    color: rgba(255,255,255,0.95);\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .idp-stat-label {\r\n        font-size: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34ce4f5 e-con-full e-flex e-con e-parent\" data-id=\"34ce4f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-973a8db elementor-widget elementor-widget-html\" data-id=\"973a8db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-features-section\">\r\n\r\n    <div class=\"idp-features-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"idp-features-header\">\r\n            <div class=\"idp-badge\">Platform \u00d6zellikleri<\/div>\r\n            <h2 class=\"idp-features-title\">Neden IDPicker?<\/h2>\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n        <div class=\"idp-features-grid\">\r\n\r\n            <!-- CARD 1 -->\r\n            <div class=\"idp-feature-card\">\r\n                <div class=\"idp-feature-card-header\">\r\n                    <div class=\"idp-feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-primary\">\r\n                             <path d=\"M12 5a3 3 0 1 0-5.997.125A4 4 0 0 0 3.477 10.9a4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/>\r\n                             <path d=\"M12 5a3 3 0 1 1 5.997.125A4 4 0 0 1 20.52 10.9a4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/>\r\n                             <path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-feature-card-title\">AI Destekli \u00d6neri Motoru<\/div>\r\n                <\/div>\r\n                <div class=\"idp-feature-card-body\">\r\n                    Yapay zeka ile ki\u015fiselle\u015ftirilmi\u015f kariyer y\u00f6nlendirmesi ve \u00f6\u011frenme planlar\u0131\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2 -->\r\n            <div class=\"idp-feature-card\">\r\n                <div class=\"idp-feature-card-header\">\r\n                    <div class=\"idp-feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-primary\">\r\n                             <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"\/>\r\n                             <path d=\"M22 10v6\"\/>\r\n                             <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-feature-card-title\">M\u00fcfredat Tan\u0131n\u0131rl\u0131\u011f\u0131<\/div>\r\n                <\/div>\r\n                <div class=\"idp-feature-card-body\">\r\n                    5,800+ \u00fcniversite m\u00fcfredat\u0131 ile tam entegrasyon ve otomatik e\u015fle\u015ftirme\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3 -->\r\n            <div class=\"idp-feature-card\">\r\n                <div class=\"idp-feature-card-header\">\r\n                    <div class=\"idp-feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-primary\">\r\n                             <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0L7.82 21.89a.5.5 0 0 1-.81-.47l1.514-8.526\"\/>\r\n                             <circle cx=\"12\" cy=\"8\" r=\"6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-feature-card-title\">Mikro Yeterlilik Sistemi<\/div>\r\n                <\/div>\r\n                <div class=\"idp-feature-card-body\">\r\n                    Blockchain tabanl\u0131 dijital sertifikalar ve beceri rozetleri\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4 -->\r\n            <div class=\"idp-feature-card\">\r\n                <div class=\"idp-feature-card-header\">\r\n                    <div class=\"idp-feature-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-primary\">\r\n                             <polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/>\r\n                             <polyline points=\"16 7 22 7 22 13\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-feature-card-title\">Dinamik CV Olu\u015fturma<\/div>\r\n                <\/div>\r\n                <div class=\"idp-feature-card-body\">\r\n                    \u0130\u015f piyasas\u0131na g\u00f6re s\u00fcrekli g\u00fcncellenen ak\u0131ll\u0131 \u00f6zge\u00e7mi\u015f y\u00f6netimi\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BUTTON -->\r\n        <div class=\"idp-features-btn-wrapper\">\r\n            <a href=\"\/ozellikler\" class=\"idp-features-btn\">\r\n                T\u00fcm \u00d6zellikleri G\u00f6r\u00fcnt\u00fcle\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\r\n                     fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                     stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"arrow-icon\">\r\n                    <path d=\"M5 12h14\"\/>\r\n                    <path d=\"m12 5 7 7-7 7\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\r\n<style>\r\n:root {\r\n    --primary: #E63946;\r\n    --primary-light: #FF4D58;\r\n    --primary-dark: #CC3340;\r\n\r\n    --background: #FEF9F8;\r\n    --muted: #F5E6E8;\r\n    --card: #FFFFFF;\r\n    --card-foreground: #2D3047;\r\n\r\n    --text-primary: #2D3047;\r\n    --text-secondary: #4A4E69;\r\n    --text-muted: #9A8C98;\r\n\r\n    --border: #FFE5E5;\r\n}\r\n\r\n\/* SECTION *\/\r\n.idp-features-section {\r\n    background: var(--background);\r\n    padding: 80px 20px;\r\n    font-family: \"Inter\", sans-serif;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.idp-features-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.idp-features-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.idp-badge {\r\n    display: inline-block;\r\n    padding: 4px 12px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    color: #fff;\r\n    background: var(--primary);\r\n    border-radius: 6px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.idp-features-title {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    letter-spacing: -1px;\r\n}\r\n\r\n\/* GRID *\/\r\n.idp-features-grid {\r\n    display: grid;\r\n    gap: 28px;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n}\r\n\r\n\/* CARD - daha h\u0131zl\u0131 ama premium smooth *\/\r\n.idp-feature-card {\r\n    border: 1px solid rgba(230,57,70,0.08);\r\n    background: var(--card);\r\n    border-radius: 18px;\r\n    padding: 28px;\r\n    color: var(--card-foreground);\r\n\r\n    opacity: 0;\r\n    transform: translateY(28px) scale(.985);\r\n    filter: blur(4px);\r\n    transition:\r\n        opacity .65s ease-out,\r\n        transform .75s cubic-bezier(.22,.61,.36,1),\r\n        filter .75s ease-out,\r\n        box-shadow .3s ease;\r\n    \r\n    box-shadow:\r\n        0 4px 16px rgba(0,0,0,0.04),\r\n        0 14px 32px rgba(0,0,0,0.05);\r\n}\r\n\r\n\/* Reveal *\/\r\n.reveal-active {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n    filter: blur(0);\r\n}\r\n\r\n\/* Delay (daha h\u0131zl\u0131 g\u00f6r\u00fcls\u00fcn diye d\u00fc\u015f\u00fcr\u00fclm\u00fc\u015f) *\/\r\n.idp-feature-card:nth-child(1) { transition-delay: .05s; }\r\n.idp-feature-card:nth-child(2) { transition-delay: .15s; }\r\n.idp-feature-card:nth-child(3) { transition-delay: .25s; }\r\n.idp-feature-card:nth-child(4) { transition-delay: .35s; }\r\n\r\n\r\n\r\n\/* Hover Effect *\/\r\n.idp-feature-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow:\r\n        0 10px 26px rgba(230,57,70,0.18),\r\n        0 16px 38px rgba(0,0,0,0.07);\r\n    border-color: rgba(230,57,70,0.26);\r\n}\r\n\r\n.idp-feature-card:hover .idp-feature-icon {\r\n    background: rgba(230,57,70,0.18);\r\n    transform: scale(1.05);\r\n}\r\n\r\n.idp-feature-card:hover .idp-feature-card-title {\r\n    color: var(--primary);\r\n}\r\n\r\n\/* ICON *\/\r\n.idp-feature-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    background: rgba(230, 57, 70, 0.12);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: .25s ease;\r\n}\r\n\r\n\/* TEXT *\/\r\n.idp-feature-card-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    margin-top: 12px;\r\n    transition: .25s ease;\r\n}\r\n\r\n.idp-feature-card-body {\r\n    font-size: 16px;\r\n    color: var(--text-secondary);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.idp-features-btn-wrapper { text-align:center; margin-top:50px; }\r\n\r\n.idp-features-btn {\r\n    display:inline-flex; align-items:center; gap:8px;\r\n    padding:12px 30px; border-radius:10px;\r\n    background:var(--card); border:1px solid var(--border);\r\n    color:var(--text-primary); font-size:15px;\r\n    text-decoration:none; transition: .2s;\r\n}\r\n\r\n.idp-features-btn:hover { background:var(--primary); color:#fff; }\r\n.arrow-icon{stroke:currentColor;}\r\n\r\n\r\n<\/style>\r\n<script>\r\nconst items = document.querySelectorAll('.idp-feature-card');\r\n\r\nconst reveal = () => {\r\n    items.forEach(el => {\r\n        const rect = el.getBoundingClientRect().top;\r\n        if(rect < window.innerHeight - 80){\r\n            el.classList.add('reveal-active');\r\n        }\r\n    });\r\n};\r\n\r\nwindow.addEventListener('scroll', reveal);\r\nwindow.addEventListener('load', reveal);\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41975af e-con-full e-flex e-con e-parent\" data-id=\"41975af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e4791 elementor-widget elementor-widget-html\" data-id=\"78e4791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-aud-section\">\r\n\r\n    <div class=\"idp-aud-container\">\r\n\r\n        <!-- HEADER -->\r\n        <div class=\"idp-aud-header\">\r\n            <div class=\"idp-aud-badge\">Hedef Kitleler<\/div>\r\n            <h2 class=\"idp-aud-title\">Herkes \u0130\u00e7in \u00c7\u00f6z\u00fcmler<\/h2>\r\n        <\/div>\r\n\r\n        <!-- GRID -->\r\n        <div class=\"idp-aud-grid\">\r\n\r\n            <!-- 1: \u00d6\u011frenciler -->\r\n            <div class=\"idp-aud-card\">\r\n                <div class=\"idp-aud-card-header\">\r\n                    <div class=\"idp-aud-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M21.42 10.9a1 1 0 0 0-.02-1.8L12.8 5.2a2 2 0 0 0-1.6 0L2.6 9.1a1 1 0 0 0 0 1.8l8.6 3.9a2 2 0 0 0 1.6 0z\"\/>\r\n                            <path d=\"M22 10v6\"\/>\r\n                            <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-aud-card-title\">\u00d6\u011frenciler<\/div>\r\n                <\/div>\r\n                <div class=\"idp-aud-card-body\">\r\n                    Gelece\u011finizi \u015fekillendirin. Yapay zeka destekli kariyer rehberli\u011fi ile yeteneklerinizi ke\u015ffedin.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 2: PDR Uzmanlar\u0131 -->\r\n            <div class=\"idp-aud-card\">\r\n                <div class=\"idp-aud-card-header\">\r\n                    <div class=\"idp-aud-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                            <polyline points=\"16 11 18 13 22 9\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-aud-card-title\">PDR Uzmanlar\u0131<\/div>\r\n                <\/div>\r\n                <div class=\"idp-aud-card-body\">\r\n                    Veri odakl\u0131 karar deste\u011fi ile \u00f6\u011frencilerinize daha etkili rehberlik sa\u011flay\u0131n.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3: E\u011fitim Kurumlar\u0131 -->\r\n            <div class=\"idp-aud-card\">\r\n                <div class=\"idp-aud-card-header\">\r\n                    <div class=\"idp-aud-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/>\r\n                            <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/>\r\n                            <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/>\r\n                            <path d=\"M10 6h4\"\/>\r\n                            <path d=\"M10 10h4\"\/>\r\n                            <path d=\"M10 14h4\"\/>\r\n                            <path d=\"M10 18h4\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-aud-card-title\">E\u011fitim Kurumlar\u0131<\/div>\r\n                <\/div>\r\n                <div class=\"idp-aud-card-body\">\r\n                    Kurumsal \u00f6\u011frenci takip ve analiz sistemleri ile ba\u015far\u0131y\u0131 art\u0131r\u0131n.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 4: Veliler -->\r\n            <div class=\"idp-aud-card\">\r\n                <div class=\"idp-aud-card-header\">\r\n                    <div class=\"idp-aud-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M19 14c1.5-1.46 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-aud-card-title\">Veliler<\/div>\r\n                <\/div>\r\n                <div class=\"idp-aud-card-body\">\r\n                    \u00c7ocuklar\u0131n\u0131z\u0131n e\u011fitim yolculu\u011funu takip edin ve bilin\u00e7li kararlar al\u0131n.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 5: \u0130\u015fverenler -->\r\n            <div class=\"idp-aud-card\">\r\n                <div class=\"idp-aud-card-header\">\r\n                    <div class=\"idp-aud-icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\"\r\n                             fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n                             stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/>\r\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"idp-aud-card-title\">\u0130\u015fverenler<\/div>\r\n                <\/div>\r\n                <div class=\"idp-aud-card-body\">\r\n                    Nitelikli yeteneklere eri\u015fin ve do\u011fru adaylarla e\u015fle\u015fin.\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BUTTON -->\r\n        <div class=\"idp-aud-btn-wrapper\">\r\n            <a href=\"\/hedef-kullanicilar\" class=\"idp-aud-btn\">\r\n                Detayl\u0131 Bilgi \u2192\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n:root {\r\n    --primary: #E63946;\r\n    --primary-light: #FF4D58;\r\n    --primary-dark: #CC3340;\r\n\r\n    --accent: #FF8C42;\r\n\r\n    --background: #FEF9F8;\r\n    --muted: #F5E6E8;\r\n\r\n    --card: #FFFFFF;\r\n    --card-foreground: #2D3047;\r\n\r\n    --text-primary: #2D3047;\r\n    --text-secondary: #4A4E69;\r\n    --text-muted: #9A8C98;\r\n\r\n    --border: #FFE5E5;\r\n}\r\n\r\n\/* SECTION *\/\r\n.idp-aud-section {\r\n    background: #fef8f8;\r\n    padding: 80px 20px;\r\n    font-family: Inter, sans-serif;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.idp-aud-container {\r\n    max-width: 1300px;\r\n    margin: auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n.idp-aud-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.idp-aud-badge {\r\n    display: inline-block;\r\n    background: var(--primary);\r\n    color: #fff;\r\n    padding: 4px 12px;\r\n    border-radius: 6px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.idp-aud-title {\r\n    font-size: 38px;\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n}\r\n\r\n\/* GRID *\/\r\n.idp-aud-grid {\r\n    display: grid;\r\n    gap: 28px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .idp-aud-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .idp-aud-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n}\r\n\r\n\/* ========================= *\/\r\n\/*         CARD BASE         *\/\r\n\/* ========================= *\/\r\n.idp-aud-card {\r\n    background: var(--card);\r\n    border-radius: 16px;\r\n    border: 1px solid var(--border);\r\n    padding: 24px;\r\n    min-height: 230px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    \/* Hover smooth fix *\/\r\n    transition: background .15s ease, transform .3s ease, box-shadow .3s ease, color .25s ease;\r\n\r\n    \/* Scroll start *\/\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n}\r\n\r\n\/* Scroll reveal aktif class *\/\r\n.idp-aud-card.show {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) !important;\r\n    transition: .6s cubic-bezier(.23,1,.32,1);\r\n}\r\n\r\n\/* Hover *\/\r\n.idp-aud-card:hover {\r\n    background: var(--accent);\r\n    color: #fff;\r\n    transform: translateY(-6px) scale(1.02);\r\n    box-shadow: 0 20px 45px rgba(0,0,0,.12);\r\n}\r\n\r\n\/* Highlight stripe *\/\r\n.idp-aud-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -120%;\r\n    width: 200%;\r\n    height: 100%;\r\n    background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);\r\n    transition: .7s;\r\n}\r\n\r\n.idp-aud-card:hover::after {\r\n    left: 120%;\r\n}\r\n\r\n\/* HEADER *\/\r\n.idp-aud-card-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.idp-aud-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 12px;\r\n    background: rgba(230, 57, 70, 0.10);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: var(--primary);\r\n    transition: color .28s ease .05s, background .25s;\r\n}\r\n\r\n.idp-aud-card:hover .idp-aud-icon {\r\n    background: rgba(255,255,255,0.25);\r\n    color: #fff;\r\n}\r\n\r\n.idp-aud-card-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--text-primary);\r\n    transition: color .28s ease .05s; \/* Hover flash fix *\/\r\n}\r\n\r\n.idp-aud-card:hover .idp-aud-card-title {\r\n    color: #fff;\r\n}\r\n\r\n.idp-aud-card-body {\r\n    font-size: 16px;\r\n    color: var(--text-secondary);\r\n    line-height: 1.6;\r\n    transition: color .28s ease .05s; \/* Hover flash fix *\/\r\n}\r\n\r\n.idp-aud-card:hover .idp-aud-card-body {\r\n    color: #fff;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.idp-aud-btn-wrapper {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n}\r\n\r\n.idp-aud-btn {\r\n    padding: 12px 28px;\r\n    border-radius: 10px;\r\n    border: 1px solid var(--border);\r\n    background: var(--card);\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    color: var(--text-primary);\r\n    transition: .3s ease;\r\n}\r\n\r\n.idp-aud-btn:hover {\r\n    background: var(--accent);\r\n    border-color: var(--accent);\r\n    color: #fff;\r\n    transform: translateY(-3px) scale(1.05);\r\n    box-shadow: 0 10px 28px rgba(255,140,66,.28);\r\n}\r\n\r\n.idp-aud-icon svg { stroke: currentColor; }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"scroll\",()=>{\r\n  document.querySelectorAll(\".idp-aud-card\").forEach(card=>{\r\n    if(card.getBoundingClientRect().top < window.innerHeight-80){\r\n        card.classList.add(\"show\");\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a780643 e-con-full e-flex e-con e-parent\" data-id=\"a780643\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fca8cf elementor-widget elementor-widget-html\" data-id=\"4fca8cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-faq-section1 py-20\">\r\n  <div class=\"mx-auto max-w-5xl px-6 lg:px-8\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"text-center mb-12 reveal-faq1\">\r\n      <div class=\"faq-badge1\">IDPicker \u2013 S\u0131k\u00e7a Sorulan Sorular<\/div>\r\n      <h2 class=\"faq-title1\">S\u0131k Sorulan Sorular<\/h2>\r\n      <p class=\"faq-subtitle1\">Kullan\u0131c\u0131lar\u0131n en \u00e7ok merak etti\u011fi sorular\u0131 sizin i\u00e7in derledik.<\/p>\r\n    <\/div>\r\n\r\n    <!-- FAQ LIST -->\r\n    <div class=\"faq-wrapper1\">\r\n\r\n      <!-- ITEM -->\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          IDPicker benim i\u00e7in ne yapar?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          IDPicker; becerilerinizi, ilgi alanlar\u0131n\u0131z\u0131, \u00f6\u011frenme stilinizi ve gelecekteki meslek e\u011filimlerinizi analiz ederek size ki\u015fisel bir e\u011fitim ve kariyer yol haritas\u0131 \u00e7\u0131kar\u0131r.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          AI Mentor ve PDR nas\u0131l birlikte \u00e7al\u0131\u015f\u0131r?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          AI Mentor, SEL-STEM aktiviteleri, testler, ba\u015far\u0131 durumlar\u0131 ve ilgi alanlar\u0131n\u0131z\u0131 analiz ederek ki\u015fisel \u00f6neriler sunar. Ayn\u0131 i\u015flemler dan\u0131\u015fman \u00f6\u011fretmeniniz taraf\u0131ndan da sistem \u00fczerinden canl\u0131 olarak yap\u0131labilir.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          Haftal\u0131k g\u00f6revler ne i\u015fe yarar?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          Haftal\u0131k g\u00f6revler; sosyal-duygusal geli\u015fiminizi, problem \u00e7\u00f6zme yetene\u011finizi, yarat\u0131c\u0131l\u0131\u011f\u0131n\u0131z\u0131 ve STEM becerilerinizi g\u00fc\u00e7lendirmek i\u00e7in haz\u0131rlanm\u0131\u015ft\u0131r.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          Rozet (badge) ne i\u015fe yarar?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          Rozetler; kat\u0131ld\u0131\u011f\u0131n\u0131z e\u011fitimlerin, tamamlad\u0131\u011f\u0131n\u0131z mod\u00fcllerin ve kazand\u0131\u011f\u0131n\u0131z becerilerin dijital kan\u0131t\u0131d\u0131r. \u00dcniversite ba\u015fvurular\u0131nda veya CV\u2019nizde do\u011frulanabilir \u015fekilde kullanabilirsiniz.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          IDPicker \u00e7ocu\u011fuma nas\u0131l yard\u0131mc\u0131 olur?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          \u00c7ocu\u011funuzun g\u00fc\u00e7l\u00fc y\u00f6nlerini, geli\u015fim alanlar\u0131n\u0131, beceri profilini ve meslek uyumunu analiz ederek e\u011fitim yolculu\u011funu destekler.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"faq-card1 reveal-faq1\">\r\n        <button class=\"faq-question1\">\r\n          Veri gizlili\u011fi nas\u0131l korunuyor?\r\n          <span class=\"faq-icon1\">+<\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer1\">\r\n          T\u00fcm veriler KVKK ve GDPR standartlar\u0131na uygun \u015fekilde AES256 \u015fifreleme y\u00f6ntemi ile korunur.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- MORE BUTTON -->\r\n    <div class=\"text-center mt-10\">\r\n      <a href=\"\/sss\" class=\"faq-more-btn1\">T\u00fcm\u00fcn\u00fc G\u00f6r \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<style>:root {\r\n  --primary-faq1:#E63946;\r\n  --text-dark-faq1:#2D3047;\r\n  --text-muted-faq1:#4A4E69;\r\n  --border-faq1:#FFE5E5;\r\n  --bg-faq1:#FEF9F8;\r\n}\r\n\r\n\/* SECTION *\/\r\n.idp-faq-section1 {\r\n  background:var(--bg-faq1);\r\n  font-family:Inter,sans-serif;\r\n}\r\n\r\n\/* HEADER *\/\r\n.faq-badge1 {\r\n  display:inline-block;\r\n  background:var(--primary-faq1);\r\n  color:#fff;\r\n  padding:6px 14px;\r\n  border-radius:8px;\r\n  font-size:12px;\r\n  font-weight:600;\r\n}\r\n\r\n.faq-title1 {\r\n  font-size:clamp(26px,3vw,36px);\r\n  color:var(--text-dark-faq1);\r\n  font-weight:800;\r\n  margin:12px 0 6px;\r\n}\r\n\r\n.faq-subtitle1 {\r\n  color:var(--text-muted-faq1);\r\n  max-width:620px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* FAQ WRAPPER *\/\r\n.faq-wrapper1 {\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n}\r\n\r\n\/* CARD *\/\r\n.faq-card1 {\r\n  background:#fff;\r\n  border:1px solid var(--border-faq1);\r\n  border-radius:12px;\r\n  overflow:hidden;\r\n  transition:.3s ease;\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(8px);\r\n}\r\n\r\n\/* QUESTION *\/\r\n.faq-question1 {\r\n  width:100%;\r\n  text-align:left;\r\n  padding:16px 20px;\r\n  font-size:16px;\r\n  color:var(--text-dark-faq1);\r\n  font-weight:600;\r\n  background:none;\r\n  border:none;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  cursor:pointer;\r\n}\r\n\r\n.faq-icon1 {\r\n  font-size:20px;\r\n  transition:.3s ease;\r\n}\r\n\r\n\/* ANSWER *\/\r\n.faq-answer1 {\r\n  max-height:0;\r\n  overflow:hidden;\r\n  padding:0 20px;\r\n  color:var(--text-muted-faq1);\r\n  font-size:15px;\r\n  line-height:1.55;\r\n  transition:max-height .35s ease, padding .35s ease;\r\n}\r\n\r\n.faq-card1.active .faq-answer1 {\r\n  max-height:400px;\r\n  padding:12px 20px 16px;\r\n}\r\n\r\n.faq-card1.active .faq-icon1 {\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\/* MORE BUTTON *\/\r\n.faq-more-btn1 {\r\n  display:inline-block;\r\n  padding:10px 22px;\r\n  background:var(--primary-faq1);\r\n  color:#fff;\r\n  font-weight:600;\r\n  border-radius:8px;\r\n  text-decoration:none;\r\n  transition:.3s;\r\n}\r\n.faq-more-btn1:hover {\r\n  background:#c62e3a;\r\n}\r\n\r\n\/* REVEAL ANIMATION *\/\r\n.reveal-faq1 {\r\n  opacity:0;\r\n  transform:translateY(40px);\r\n  filter:blur(8px);\r\n  transition:.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n.reveal-faq1.visible-faq1 {\r\n  opacity:1;\r\n  transform:none;\r\n  filter:blur(0);\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", ()=>{\r\n\r\n  \/* REVEAL *\/\r\n  const obsFaq = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"visible-faq1\");\r\n        obsFaq.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, {threshold:0.2});\r\n\r\n  document.querySelectorAll(\".reveal-faq1\")\r\n    .forEach(el => obsFaq.observe(el));\r\n\r\n  \/* FAQ ACCORDION *\/\r\n  document.querySelectorAll(\".faq-question1\").forEach(btn=>{\r\n    btn.addEventListener(\"click\", ()=>{\r\n      btn.parentElement.classList.toggle(\"active\");\r\n    });\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daf8eb7 e-con-full e-flex e-con e-parent\" data-id=\"daf8eb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f30a580 elementor-widget elementor-widget-html\" data-id=\"f30a580\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"idp-cta-section reveal\">\r\n\r\n    <div class=\"idp-cta-container\">\r\n\r\n        <h2 class=\"idp-cta-title\">E\u011fitim ve Kariyer Yolculu\u011funuza Bug\u00fcn Ba\u015flay\u0131n<\/h2>\r\n\r\n        <p class=\"idp-cta-text\">\r\n            IDPicker ile yapay zeka destekli ki\u015fiselle\u015ftirilmi\u015f rehberlik hizmetinden faydalan\u0131n.\r\n            Demo talep edin veya daha fazla bilgi al\u0131n.\r\n        <\/p>\r\n\r\n        <div class=\"idp-cta-buttons\">\r\n            <a href=\"\/iletisim\" class=\"idp-btn-secondary\">\u0130leti\u015fime Ge\u00e7in<\/a>\r\n            <a href=\"\/hakkimizda\" class=\"idp-btn-outline\">Hakk\u0131m\u0131zda<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n:root {\r\n    --primary: #E63946;\r\n    --primary-light: #FF4D58;\r\n    --primary-dark: #CC3340;\r\n    --accent: #FF8C42;\r\n    --text-primary: #2D3047;\r\n    --text-secondary: #4A4E69;\r\n    --card: #FFFFFF;\r\n    --border: #FFE5E5;\r\n}\r\n\r\n\/* --- AN\u0130MASYON --- *\/\r\n.reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity .9s ease, transform .9s ease;\r\n    will-change: opacity, transform;\r\n}\r\n\r\n.reveal.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* SECTION *\/\r\n.idp-cta-section {\r\n    background: linear-gradient(90deg,var(--primary),var(--primary-light),var(--accent));\r\n    padding: 80px 20px;\r\n    text-align: center;\r\n    font-family: Inter, sans-serif;\r\n    color: #fff;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.idp-cta-container {\r\n    max-width: 900px;\r\n    margin: auto;\r\n}\r\n\r\n\/* TITLE *\/\r\n.idp-cta-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    margin-bottom: 16px;\r\n    color: #fff;\r\n}\r\n@media (min-width: 640px){ .idp-cta-title { font-size: 42px; } }\r\n\r\n\/* TEXT *\/\r\n.idp-cta-text {\r\n    font-size: 18px;\r\n    opacity: .95;\r\n    max-width: 600px;\r\n    margin: 0 auto 32px;\r\n}\r\n\r\n\/* BUTTON WRAPPER *\/\r\n.idp-cta-buttons {\r\n    display:flex;flex-wrap:wrap;gap:16px;justify-content:center;\r\n}\r\n\r\n\/* Secondary Primary CTA (White) *\/\r\n.idp-btn-secondary {\r\n    background: var(--card);\r\n    color: var(--text-primary);\r\n    padding: 12px 32px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight:600;\r\n    transition:.25s;\r\n    border:1px solid var(--border);\r\n}\r\n\r\n.idp-btn-secondary:hover {\r\n    background:#fff;\r\n    color:var(--primary-dark);\r\n    border-color:var(--primary-light);\r\n}\r\n\r\n\/* Outline Button *\/\r\n.idp-btn-outline {\r\n    color:#fff;\r\n    padding:12px 32px;\r\n    border-radius:10px;\r\n    font-size:15px;\r\n    font-weight:600;\r\n    border:1px solid rgba(255,255,255,.35);\r\n    text-decoration:none;\r\n    transition:.25s;\r\n}\r\n\r\n.idp-btn-outline:hover{\r\n    background:rgba(255,255,255,.15);\r\n    border-color:#fff;\r\n}\r\n\r\n\/* Mobile full width *\/\r\n@media(max-width:480px){\r\n    .idp-btn-secondary,.idp-btn-outline{ width:100%; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst reveals=document.querySelectorAll(\".reveal\");\r\nconst revealOnScroll=()=>{reveals.forEach(el=>{const rect=el.getBoundingClientRect();if(rect.top<window.innerHeight-100)el.classList.add(\"active\");});}\r\nwindow.addEventListener(\"scroll\",revealOnScroll);\r\nrevealOnScroll();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Yapay Zeka Destekli Gelece\u011finiz \u0130\u00e7in Ak\u0131ll\u0131 E\u011fitim ve Kariyer Rehberi K12&#8217;den \u00fcniversiteye, i\u015f hayat\u0131na kadar t\u00fcm e\u011fitim yolculu\u011funuzda yapay zeka ile ki\u015fiselle\u015ftirilmi\u015f rehberlik. Daha Fazla Bilgi Demo Talep Edin 5,800+ \u00dcniversite 150+ E\u011fitim Kurumu 50,000+ Aktif \u00d6\u011frenci %95 Ba\u015far\u0131 Oran\u0131 Platform \u00d6zellikleri Neden IDPicker? AI Destekli \u00d6neri Motoru Yapay zeka ile ki\u015fiselle\u015ftirilmi\u015f kariyer y\u00f6nlendirmesi ve [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":1349,"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/1349"}],"wp:attachment":[{"href":"https:\/\/idpicker.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}