@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132d32;--muted:#627275;--green:#167b60;--lime:#d8ee9b;--line:#dce5e0;--paper:#fafbf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1380px;margin:auto;padding:0 5%}.logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.mark{display:grid;place-items:center;width:42px;height:46px;background:var(--green);color:#fff;border-radius:14px 14px 4px 14px;font-size:31px}.logo small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.green{color:var(--green)}nav{display:flex;gap:25px;font-size:12px;font-weight:700}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid var(--line);background:transparent;border-radius:7px;padding:14px 21px;font-size:12px;font-weight:700}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#0e604a}.outline:hover{background:#e9efe7}section{max-width:1250px;padding:90px 36px;margin:auto;scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:65px;padding-bottom:85px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:8px}i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green)}h1{font-size:clamp(40px,4.4vw,64px);font-weight:700;line-height:1.12;letter-spacing:-3px;margin:25px 0}h1 em{font-style:normal;color:var(--green)}.lead{color:var(--muted);font-size:15px;line-height:1.9;max-width:470px}.actions{display:flex;gap:12px;margin-top:30px}.hero-notes{display:flex;gap:22px;font-size:10px;margin-top:27px;color:var(--muted)}.visual{height:436px;border-radius:15px;background:#e6eddf;position:relative;overflow:hidden;box-shadow:0 20px 50px #132d3208}.visual-top{display:flex;justify-content:space-between;padding:22px;font-size:8px;letter-spacing:1px;align-items:center}.pill{display:inline-block;background:#eff5e9;border-radius:20px;padding:6px 10px;color:var(--green);font-size:10px;letter-spacing:0;white-space:nowrap}.school{position:relative;margin:45px 35px 0;height:220px;background:linear-gradient(110deg,#d7d9cc,#f9faf0);border-top:12px solid #97a99c;box-shadow:15px 15px #ced8ca}.school-sign{text-align:center;font-size:10px;letter-spacing:2px;padding-top:14px}.windows{text-align:center;font-size:50px;letter-spacing:13px;color:#8ba39b;white-space:nowrap;overflow:hidden}.gate-scene{display:flex;gap:17px;justify-content:center;position:relative;z-index:1;top:15px}.gate{width:80px;height:106px;background:linear-gradient(90deg,#8a9e9c,#eef2e8 45%,#a6b7ad);border-radius:5px 5px 0 0;box-shadow:7px 7px 10px #203d3222;transform:skewY(-8deg);position:relative}.gate b{background:#26463c;color:#a8e56d;display:block;width:25px;height:32px;margin:9px auto;text-align:center;font-size:23px}.gate span{position:absolute;width:75px;height:7px;background:#bcc9c5;transform:rotate(27deg);top:62px;left:-22px;border:1px solid #81938a}.floating{position:absolute;left:22px;bottom:47px;background:white;border-radius:12px;padding:16px;display:flex;gap:12px;box-shadow:0 12px 35px #23433320}.check{background:#dceecb;color:#287752;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.floating strong{font-size:12px}.floating p{font-size:11px;margin:5px 0;color:var(--muted)}.floating small{font-size:8px;color:#82938a}.visual-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px}.strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff2e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px max(5%,calc((100vw - 1180px)/2));font-size:10px;letter-spacing:.6px}.strip span:first-child{font-size:12px;line-height:1.8;letter-spacing:0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:center;margin-bottom:40px}h2{font-size:39px;letter-spacing:-1.8px;line-height:1.23;margin:15px 0 20px;font-weight:600}.section-heading p{max-width:335px;color:var(--muted);line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{border:1px solid var(--line);border-radius:9px;padding:28px;background:#fff}.icon{display:block;font-size:26px;color:var(--green);margin-bottom:32px}.cards small{font-size:8px;letter-spacing:1.5px;color:#7c8b83}h3{font-size:17px;letter-spacing:-.4px}.cards p,.workflow p,.role-grid p,.faq p,.contact p{color:var(--muted);line-height:1.8;font-size:13px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:95px;background:#163d35;color:#fff;border-radius:15px;padding:65px;margin-top:20px}.workflow .eyebrow{color:var(--lime)}.workflow p{color:#bbcdc3;max-width:390px}.workflow .primary{background:var(--lime);color:var(--ink);margin-top:20px}.workflow ol{padding:0;list-style:none}.workflow li{display:flex;gap:24px;padding:15px 0;border-bottom:1px solid #ffffff22}.workflow b{color:var(--lime);padding-top:14px;font-size:12px}.workflow li h3{margin:10px 0}.workflow li p{margin:0 0 15px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-grid button{text-align:left;border:1px solid var(--line);border-radius:8px;background:transparent;padding:25px}.role-grid button:hover{background:#eff5e6}.role-grid b{font-size:10px;color:#87a08c}.role-grid span{font-size:11px;color:var(--green);font-weight:bold}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding-top:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-weight:600;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#edf2e5;max-width:none;padding-left:max(6%,calc((100vw - 1180px)/2));padding-right:max(6%,calc((100vw - 1180px)/2))}.contact form{background:#fff;padding:30px;border-radius:12px}label{display:block;font-size:11px;font-weight:600;margin-bottom:15px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;margin-top:7px;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #84b9a0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:18px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer .logo{font-size:18px;color:var(--ink)}footer .mark{width:30px;height:32px;font-size:22px}dialog{border:0;padding:0;color:var(--ink);border-radius:12px}dialog::backdrop{background:#0d292bd9}#panel{width:96vw;max-width:1500px;height:94vh;max-height:none}.app{display:flex;min-height:100%}.app aside{width:230px;flex-shrink:0;background:#143c34;color:#e7f3e9;padding:28px 20px}.app .logo{font-size:17px}.app .mark{width:28px;height:32px;font-size:22px}.demo-label{font-size:9px;color:var(--lime);letter-spacing:2px;margin-top:36px}.role-label{margin:20px 0}.app aside nav{display:flex;flex-direction:column;gap:6px;margin:30px 0}.app aside nav button{text-align:left;border:0;background:none;color:#bbd1c6;padding:12px;border-radius:5px;font-size:12px}.app aside nav button.active{background:#31564a;color:#fff}.app aside>.outline{color:#fff;border-color:#527567;font-size:10px}.app-main{flex:1;padding:25px 35px;background:#f5f7f2;min-width:0}.app-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.app-header .pill{margin-left:10px}.demo-warning{padding:12px 15px;border:1px solid #dfdfbb;background:#f9f8e9;font-size:10px;line-height:1.7;border-radius:6px;margin:22px 0}.app h2{font-size:27px}.sub{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat,.box{background:white;border:1px solid var(--line);padding:20px;border-radius:9px}.stat span{font-size:11px;color:var(--muted)}.stat b{display:block;font-size:30px;margin-top:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;max-width:100%;margin:0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{background:#edf2e9;color:#74847b;font-size:10px}td,th{padding:15px;border-bottom:1px solid #edf0e9}td button{border:1px solid var(--line);border-radius:5px;background:transparent;padding:6px 10px;font-size:10px}.tag{display:inline-block;padding:5px 9px;background:#e9f4e7;color:#287555;border-radius:15px;font-size:10px}.tag.warn{background:#fff1df;color:#936a26}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.box h3{margin-top:0}.timeline{list-style:none;padding:0}.timeline li{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.timeline small{display:block;margin-top:8px;color:var(--muted)}#modal{width:450px;padding:26px;max-width:94vw}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:none;font-size:20px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 25px;border-radius:7px;z-index:999;display:none;font-size:13px}.notice{padding:15px;border-radius:8px;background:#eaf3df;font-size:12px;line-height:1.8;margin:20px 0}.bar{display:flex;gap:8px;align-items:flex-end;height:130px;margin:25px 0}.bar span{flex:1;background:#accb95;border-radius:4px 4px 0 0;position:relative}.bar small{position:absolute;bottom:-22px;font-size:8px;width:100%;text-align:center}.empty{text-align:center;padding:40px;color:var(--muted)}
@media(max-width:1000px){header nav{display:none}.hero{gap:30px}.hero-notes{flex-direction:column;gap:8px}.workflow{margin:10px 24px;padding:40px;gap:35px}.contact{gap:35px}.app aside{width:185px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:700px){header{height:85px}.logo{font-size:18px}header .outline{padding:10px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}h1{font-size:46px}section{padding:55px 22px}.visual{height:380px}.visual .school{margin-top:20px}.strip{flex-wrap:wrap;padding:22px;gap:20px}.strip span:first-child{width:100%}.strip span{font-size:8px}.section-heading{display:block}.cards,.role-grid{grid-template-columns:1fr 1fr;gap:10px}.cards article{padding:20px}.cards h3{font-size:15px}.workflow,.faq,.contact{grid-template-columns:1fr;gap:25px}.workflow{padding:30px 25px}.workflow h2,h2{font-size:32px}.role-grid button{padding:18px}.contact form{padding:20px}.form-row{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:20px}.app{display:block}.app aside{width:100%;padding:15px}.app aside .logo{display:none}.demo-label{margin:0}.role-label{margin:10px 0}.app aside nav{flex-direction:row;overflow:auto;margin:10px 0;white-space:nowrap}.app aside>.outline{display:none}.app-main{padding:15px}.app-header{font-size:10px}.stats{gap:8px}.stat{padding:15px}#panel{height:96vh;width:98vw}.toolbar .primary{padding:12px}.app h2{font-size:24px}}
.floating{z-index:3}
@media print{body>header,body>main,body>footer,.app aside,.app-header,.demo-warning,.toolbar{display:none!important}dialog#panel{display:block!important;position:static;width:100%;height:auto;max-height:none}.app-main{padding:0}dialog::backdrop{display:none}}
/* Warm, colorful visual refresh */
body{background:#fffdf9}.hero{position:relative}.hero::before{content:'';position:absolute;inset:20px -35px -20px;z-index:-1;background:radial-gradient(ellipse at 88% 25%,#e2efce 0,transparent 52%),radial-gradient(ellipse at 2% 90%,#fff0dd 0,transparent 48%);border-radius:28px}.hero h1 em{position:relative}.hero h1 em::after{content:'';height:9px;background:#ecd18f;position:absolute;left:0;right:0;bottom:1px;z-index:-1;border-radius:50%}.photo-visual{height:465px;overflow:visible;background:none;isolation:isolate}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:48% center;border-radius:18px;box-shadow:0 20px 55px #153e3120}.photo-visual::before{content:'';position:absolute;z-index:-1;inset:20px -15px -15px 25px;background:#cfe4b3;border-radius:20px;transform:rotate(3deg)}.photo-label{position:absolute;top:18px;left:18px;border-radius:25px;background:#ffffffeb;padding:10px 14px;font-size:8px;letter-spacing:1.5px;font-weight:800}.photo-visual .floating{left:-30px;bottom:27px;padding:18px 22px}.image-note{position:absolute;right:12px;bottom:12px;font-size:8px;background:#123a32bd;color:white;padding:5px 8px;border-radius:4px}.strip{margin-top:20px;background:linear-gradient(90deg,#e8f3e0,#edf4f9 62%,#fcf0df);border:0}.strip span:nth-child(2){color:#167b60}.strip span:nth-child(3){color:#2c6e9b}.strip span:nth-child(4){color:#a06624}.cards article{transition:transform .2s,box-shadow .2s;border:0;box-shadow:inset 0 0 0 1px #132d3209}.cards article:hover{transform:translateY(-5px);box-shadow:0 14px 35px #132d3210}.cards article:nth-child(6n+1){background:#eaf4df}.cards article:nth-child(6n+2){background:#e8f1fc}.cards article:nth-child(6n+3){background:#fff0df}.cards article:nth-child(6n+4){background:#f2eafb}.cards article:nth-child(6n+5){background:#e3f4ef}.cards article:nth-child(6n+6){background:#fff2d7}.cards .icon{width:52px;height:52px;display:grid;place-items:center;background:#ffffffb0;border-radius:15px;margin-bottom:28px}.cards article:nth-child(2) .icon{color:#3e77b5}.cards article:nth-child(3) .icon{color:#be7d35}.cards article:nth-child(4) .icon{color:#8865ac}.workflow{background:linear-gradient(125deg,#153c35,#176854);box-shadow:0 18px 40px #123e3115}.parent-story{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-top:100px;padding-bottom:30px}.parent-photo{height:420px;position:relative}.parent-photo>img{width:100%;height:100%;object-fit:cover;border-radius:16px}.parent-photo>.image-note{top:12px;bottom:auto}.photo-caption{position:absolute;bottom:25px;left:25px;right:25px;background:#fffdf4ed;border-radius:10px;padding:20px;display:flex;align-items:center;gap:15px}.photo-caption>span{font-size:35px;color:#d09947}.photo-caption strong{font-size:12px}.photo-caption small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.parent-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.parent-copy h2 em{font-style:normal;color:var(--green)}.parent-points{display:grid;gap:14px;margin:25px 0 30px}.parent-points span{font-size:12px}.parent-points b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;margin-right:8px;background:#ebf2db;color:var(--green)}.parent-points span:nth-child(2) b{background:#e6effb;color:#4274b0}.parent-points span:nth-child(3) b{background:#fff0dc;color:#b87b35}.role-grid button:nth-child(3n+1){border-top:3px solid #76ad72}.role-grid button:nth-child(3n+2){border-top:3px solid #7eaad4}.role-grid button:nth-child(3n+3){border-top:3px solid #dfb47c}.role-grid button{background:white}.contact{background:linear-gradient(125deg,#e6f0d8,#eef4f3 65%,#faeedb)}.contact form{box-shadow:0 12px 40px #183f3210}.stats .stat:nth-child(1){background:#eaf3df}.stats .stat:nth-child(2){background:#e6effb}.stats .stat:nth-child(3){background:#fff0de}.stats .stat:nth-child(4){background:#f1e9fa}
@media(max-width:1000px){.parent-story{gap:40px}.photo-visual .floating{left:-12px}.photo-visual{height:430px}}@media(max-width:700px){.hero::before{inset:0 0 -20px}.photo-visual{height:375px;margin-right:10px}.photo-visual .floating{left:10px;bottom:20px;padding:15px}.photo-visual::before{inset:15px -8px -10px 15px}.photo-label{font-size:7px;max-width:90%}.parent-story{grid-template-columns:1fr;padding-top:55px;gap:28px}.parent-photo{height:340px}.photo-caption{left:15px;right:15px;padding:15px}.parent-story h2{font-size:30px}}
#cozumler .solution-photo{position:relative;isolation:isolate;overflow:hidden;min-height:310px;background:#1b3d37;color:#fff;box-shadow:0 7px 20px #183d3214}
#cozumler .solution-photo::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--card-image);background-size:cover;background-position:center;transition:transform .45s ease}
#cozumler .solution-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,39,35,.25),rgba(13,39,35,.69) 43%,rgba(8,29,28,.94))}
#cozumler .solution-photo:hover::before{transform:scale(1.045)}
#cozumler .solution-photo .icon{background:#ffffffee;color:#167b60;margin-bottom:36px;box-shadow:0 4px 20px #0001}
#cozumler .solution-photo small{color:#eef6ee;letter-spacing:1.6px;text-shadow:0 1px 4px #0008}
#cozumler .solution-photo h3{color:#fff;font-size:18px;text-shadow:0 1px 4px #0006}
#cozumler .solution-photo p{color:#f1f5f2;text-shadow:0 1px 4px #0005}
@media(max-width:700px){#cozumler .cards{grid-template-columns:1fr}#cozumler .solution-photo{min-height:290px;padding:25px}#cozumler .solution-photo::before{background-position:center 40%}#cozumler .solution-photo p{max-width:450px}}
@media(prefers-reduced-motion:reduce){#cozumler .solution-photo::before{transition:none}}
#paneller .role-photo{position:relative;isolation:isolate;overflow:hidden;background:#163e37;color:white;min-height:245px;border:0;padding:28px;box-shadow:0 8px 25px #143c3412;transition:transform .2s}
#paneller .role-photo::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--role-image);background-size:cover;background-position:center;transition:transform .4s}
#paneller .role-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102d3340,#102d33b8 50%,#0b2529f5)}
#paneller .role-photo:hover{transform:translateY(-4px)}#paneller .role-photo:hover::before{transform:scale(1.04)}
#paneller .role-photo b{display:inline-grid;place-items:center;height:30px;width:34px;border-radius:7px;background:#ffffffe8;color:#216e5b;margin-bottom:15px}
#paneller .role-photo h3{font-size:19px;color:#fff;margin:10px 0;text-shadow:0 1px 4px #0006}
#paneller .role-photo p{color:#f0f5f3;text-shadow:0 1px 4px #0005;margin-bottom:21px}
#paneller .role-photo span{display:inline-block;color:#fff;background:#ffffff20;border:1px solid #ffffff45;border-radius:5px;padding:8px 12px;font-size:10px}
#paneller .role-admin::before{background-position:center 40%}#paneller .role-yonetici::before{background-position:70% center}#paneller .role-guvenlik::before{background-position:75% center}#paneller .role-ogretmen::before{background-position:35% center}#paneller .role-ogrenci::before{background-position:25% center}
@media(max-width:700px){#paneller .role-grid{grid-template-columns:1fr}#paneller .role-photo{min-height:240px;padding:25px}}
@media(prefers-reduced-motion:reduce){#paneller .role-photo,#paneller .role-photo::before{transition:none}}
#paneller .role-photo::before{background-position:center 35%}
header{height:130px}.brand-logo img{display:block;object-fit:contain;max-width:100%;height:auto}header .brand-logo{width:310px;flex-shrink:0}footer .brand-logo{width:260px}.app aside .brand-logo{background:#fffdf6;border-radius:8px;padding:6px;width:100%}.app aside .brand-logo img{width:100%}
@media(max-width:1000px){header .brand-logo{width:270px}}@media(max-width:700px){header{height:110px;padding:0 18px;gap:10px}header .brand-logo{width:225px;max-width:65%}footer .brand-logo{width:235px}}