/* Tanıtım sitesi — Claude Design tuvalinden aktarıldı (scratchpad/port/donustur.php). Elle değil, kaynak tasarımdan yeniden üretilir. */

body{margin:0}
*{box-sizing:border-box}
h1,h2,h3{text-wrap:balance}
a{color:#5B32F5;text-decoration:none}a:hover{color:#4320D6}
button,input,select,textarea{font-family:inherit}
.v-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.v-nl{display:inline-flex;align-items:center;height:40px;padding:0 9px;border-radius:10px;color:#1B1B22;font-size:15px;font-weight:500;white-space:nowrap;transition:background-color .2s ease}
.v-nl:hover{background:#F3F3F6;color:#0B0B0F}
.v-nl.v-on{background:#F0EBFF;color:#4320D6;font-weight:600}
.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;font-size:15px;font-weight:600;white-space:nowrap;border:0;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.v-btn:hover{transform:translateY(-1px)}
.v-btn-dark{background:#0B0B0F;color:#FFFFFF}.v-btn-dark:hover{background:#26262E;color:#FFFFFF}
.v-btn-pri{background:#5B32F5;color:#FFFFFF;box-shadow:0 8px 24px -10px rgba(91,50,245,.8)}.v-btn-pri:hover{background:#4320D6;color:#FFFFFF}
.v-btn-line{background:#FFFFFF;color:#0B0B0F;border:1px solid #DCDCE3}.v-btn-line:hover{background:#F6F6F9;color:#0B0B0F}
.v-btn-white{background:#FFFFFF;color:#0B0B0F}.v-btn-white:hover{background:#EFEFF4;color:#0B0B0F}
.v-btn .v-ar{transition:transform .25s ease}.v-btn:hover .v-ar{transform:translateX(3px)}
@keyframes livebd{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}100%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
.v-livebd{animation:livebd 1.6s ease-out infinite}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.v-up{animation:up .8s cubic-bezier(.2,.7,.2,1) both}.v-d1{animation-delay:.1s}.v-d2{animation-delay:.2s}
@keyframes rev{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.v-reveal{animation:rev linear both;animation-timeline:view();animation-range:entry 0% cover 28%}}
.v-jump{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid #E4E4EC;background:#FFFFFF;font-size:14.5px;font-weight:600;color:#3A3A45;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease}
.v-jump:hover{border-color:#0B0B0F;color:#0B0B0F}
.v-scene{position:relative;flex:1 1 440px;min-height:420px;border-radius:32px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px}
/* kurumsal */
@keyframes grow{0%{transform:scaleX(0)}50%,100%{transform:scaleX(1)}}
.v-grow{transform-origin:left;animation:grow 6s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes pop{0%,48%{opacity:0;transform:scale(.6)}56%,95%{opacity:1;transform:none}100%{opacity:0}}
.v-pop{animation:pop 6s ease infinite}
/* satış */
@keyframes coin{0%{transform:translateY(0);opacity:0}15%{opacity:1}60%,100%{transform:translateY(-80px);opacity:0}}
.v-coin{animation:coin 3s ease-in infinite}
@keyframes buy{0%,40%,100%{transform:scale(1)}46%{transform:scale(.94)}52%{transform:scale(1)}}
.v-buy{animation:buy 3s ease infinite}
/* eğitmen */
@keyframes upl{0%{width:0}55%,100%{width:100%}}
.v-upl{animation:upl 7s ease-in-out infinite}
@keyframes ready{0%,55%{opacity:0;transform:translateY(10px)}62%,95%{opacity:1;transform:none}100%{opacity:0}}
.v-ready{animation:ready 7s ease infinite}
/* dil okulu */
@keyframes move1{0%,20%{transform:translate(0,0)}35%,85%{transform:translate(116px,0)}100%{transform:translate(0,0)}}
@keyframes move2{0%,40%{transform:translate(0,0)}55%,90%{transform:translate(116px,0)}100%{transform:translate(0,0)}}
.v-mv1{animation:move1 8s cubic-bezier(.5,.1,.3,1) infinite}.v-mv2{animation:move2 8s cubic-bezier(.5,.1,.3,1) infinite}
.v-fab{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:10px}
.v-fabi{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:#FFFFFF;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);transition:transform .2s ease}
.v-fabi:hover{transform:scale(1.07);color:#FFFFFF}
.v-foot a{color:#B4B4C4;transition:color .2s ease}.v-foot a:hover{color:#FFFFFF}.v-ft-h{font-size:12.5px;letter-spacing:.12em;color:#7C7C92;font-weight:700;margin-bottom:4px}.v-ft-l{display:inline-flex;align-items:center;gap:6px;font-size:15px}.v-ft-l svg{opacity:0;margin-left:-20px;transition:opacity .2s ease,margin .2s ease}.v-ft-l:hover svg{opacity:1;margin-left:0}.v-ft-cb{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 11px;border-radius:14px;font-size:15px;font-weight:600;border:1px solid #2A2738;background:#16141F;color:#FFFFFF !important;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.v-ft-cb:hover{background:#1F1B30;border-color:#4A4170;transform:translateY(-2px)}.v-ft-ic{display:inline-flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center}@keyframes ftshine{from{background-position:120% 0}to{background-position:-120% 0}}.v-ft-word{display:block;text-align:center;white-space:nowrap;font-weight:800;letter-spacing:-.055em;line-height:.9;font-size:clamp(40px,8.4vw,128px);background:linear-gradient(100deg,#2E2850 35%,#7A5CFF 50%,#2E2850 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%);animation:ftshine 9s linear infinite;user-select:none}.v-ft-up{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;border:1px solid #2A2738;font-weight:600}@media (max-width:760px){.v-ft-band{flex-direction:column;align-items:flex-start !important}.v-ft-bar{flex-direction:column;align-items:flex-start !important}.v-ft-brand{grid-column:auto !important}}
@media (max-width:1180px){.v-hide-s{display:none !important}}
@media (max-width:1060px){.v-navlinks{display:none !important}.v-burger{display:inline-flex !important}}
@media (max-width:640px){.v-h1{font-size:40px !important}.v-h2{font-size:32px !important}.v-topbar-ph{display:none !important}.v-scene{min-height:340px}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* satır içi stillerden */
.sfc06a04{padding: 72px 0 56px; text-align: center}
.s02db3d5{display: flex; flex-direction: column; align-items: center; gap: 18px; max-width: 880px}
.sb1181e5{font-size: 13.5px; color: #6A6A78}
.s779a82a{color: #6A6A78}
.s597a6d9{color: #0B0B0F; font-weight: 600}
.sa152fb4{margin: 0; font-size: 60px; line-height: 1.05; letter-spacing: -.035em; font-weight: 800}
.sf9ebf0b{color: #5B32F5}
.sfeba614{margin: 0; font-size: 19px; line-height: 1.55; color: #4A4A57; max-width: 640px}
.sec08efb{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px}
.s6469016{padding: 56px 0}
.s822b055{flex: 1 1 420px; display: flex; flex-direction: column; gap: 18px}
.s5a88acc{margin: 0; font-size: 42px; line-height: 1.1; letter-spacing: -.03em; font-weight: 800}
.s03f4460{margin: 0; font-size: 17px; line-height: 1.6; color: #4A4A57}
.s1b7fb1f{margin: 4px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px}
.sdfe6d16{display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.5; color: #2A2A33}
.sc6c3426{display: inline-flex; width: 22px; height: 22px; flex-shrink: 0; margin-top: 1px; border-radius: 50%; background: #0B0B0F; align-items: center; justify-content: center}
.s35832ab{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px}
.s05d51e2{width: 100%; max-width: 400px; border-radius: 22px; background: #FFFFFF; padding: 22px; box-shadow: 0 30px 60px -36px rgba(20,14,60,.45); display: flex; flex-direction: column; gap: 16px}
.s3607c3b{display: flex; justify-content: space-between; align-items: center}
.sd347eed{font-size: 15px}
.sb6358b3{font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 999px; background: #F0EBFF; color: #4320D6}
.s958509e{display: flex; align-items: center; gap: 12px}
.s89160ca{flex: 1; display: flex; flex-direction: column; gap: 6px}
.s39d13b9{display: block; height: 6px; border-radius: 3px; background: #F0F0F4}
.s77f737e{display: inline-flex; width: 24px; height: 24px; border-radius: 50%; background: #16A34A; align-items: center; justify-content: center}
.s90002e8{position: relative; width: 280px; border-radius: 22px; background: #FFFFFF; padding: 16px; box-shadow: 0 30px 60px -36px rgba(20,14,60,.45); display: flex; flex-direction: column; gap: 12px}
.s77207d7{height: 130px; border-radius: 14px; background: #0B0B0F; display: flex; align-items: center; justify-content: center}
.se02550c{display: inline-flex; width: 52px; height: 52px; border-radius: 50%; background: #FFFFFF; align-items: center; justify-content: center}
.s62ca2c3{display: flex; gap: 2px; color: #F5A623}
.s530c7e8{height: 40px; font-size: 14px; border-radius: 10px}
.s454be7b{position: absolute; right: -16px; top: 60px; display: inline-flex; width: 38px; height: 38px; border-radius: 50%; background: #16A34A; color: #FFFFFF; align-items: center; justify-content: center; font-weight: 800; font-size: 17px}
.s4b6bf09{position: absolute; right: 28px; top: 90px; display: inline-flex; width: 30px; height: 30px; border-radius: 50%; background: #22C55E; color: #FFFFFF; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; animation-delay: 1.2s}
.sd206d1a{position: absolute; left: -40px; bottom: 30px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; background: #0B0B0F; color: #FFFFFF; font-size: 13px; font-weight: 600}
.s3083c32{width: 100%; max-width: 380px; display: flex; flex-direction: column; gap: 14px}
.sead6f98{border-radius: 22px; background: #FFFFFF; padding: 20px; box-shadow: 0 30px 60px -36px rgba(20,14,60,.45); display: flex; flex-direction: column; gap: 12px}
.sba55198{display: inline-flex; width: 42px; height: 42px; border-radius: 12px; background: #FFF0E8; color: #E2561B; align-items: center; justify-content: center}
.s80ebd54{display: flex; flex-direction: column; gap: 2px}
.s1c639f0{font-size: 14px}
.s437889f{font-size: 12px; color: #6A6A78}
.sa996092{display: block; height: 8px; border-radius: 4px; background: #F3EEE9}
.s717d0cd{display: block; height: 8px; border-radius: 4px; background: #E2561B}
.s7f4db8b{align-self: flex-end; display: inline-flex; align-items: center; gap: 10px; padding: 14px 18px; border-radius: 16px; background: #0B0B0F; color: #FFFFFF; font-size: 14px; font-weight: 600}
.s3b0dec9{display: inline-flex; width: 26px; height: 26px; border-radius: 50%; background: #16A34A; align-items: center; justify-content: center}
.scf1604d{display: flex; gap: 12px}
.sa9b2597{width: 104px; border-radius: 18px; background: #FFFFFF; padding: 14px 10px; display: flex; flex-direction: column; align-items: center; gap: 10px; box-shadow: 0 20px 40px -30px rgba(20,14,60,.45)}
.sa73a662{font-size: 18px; color: #1D6FD8}
.s2fb9ddd{font-size: 11.5px; color: #6A6A78}
.saca5308{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; min-height: 64px}
.s72dcf0f{padding: 56px 0 96px}
.s04f34ea{border-radius: 32px; background: #5B32F5; color: #FFFFFF; padding: 56px 48px; display: flex; flex-wrap: wrap; gap: 28px; align-items: center; justify-content: space-between}
.sb1a37b0{max-width: 620px; display: flex; flex-direction: column; gap: 12px}
.s4ba2289{margin: 0; font-size: 17px; line-height: 1.55; color: #E4DCFF}
.sfb6d18e{height: 52px; padding: 0 24px; font-size: 16px}