body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;background-color:#f5f5f7;color:#1d1d20;min-height:100vh;display:flex;flex-direction:column}.navbar{width:100%;background-color:rgba(255,255,255,.7);box-shadow:none;display:flex;justify-content:center;align-items:center;height:60px;position:fixed;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);top:0;left:0;right:0;z-index:1000;box-shadow:0 .8px 1px rgba(18,18,18,.089)}.menu{display:flex;justify-content:center;align-items:center;gap:30px;width:100%;padding:0}.container-ilke{width:100%;padding-top:100px;margin:0 auto;text-align:center;color:#080808}.text-container{max-width:90%;margin:0 auto 20px;text-align:left;line-height:1.8;font-size:1.4rem;padding:40px 40px 10px;background-color:rgba(250,250,250,.9);border-radius:48px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-weight:500}.text-container p{margin-top:24px;margin-bottom:24px}@media (min-width:769px){.container-ilke{width:min(90%,1200px);margin-inline:auto;padding-inline:clamp(32px,4vw,64px);padding-top:100px;padding-bottom:clamp(32px,4vw,64px);text-align:left}.container-ilke h1{font-size:3.1rem;font-weight:620;margin:0 0 32px 0;line-height:1.6;background:linear-gradient(180deg,#bf953f 0,#b38728 40%,#d7d299 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-ilke .text-container{width:100%;margin:0;padding:48px 48px 56px;background:#fff;border-radius:32px;box-shadow:0 0 16px rgba(0,0,0,.06);box-sizing:border-box}}.image-wrapper{text-align:center;margin:40px 0}.image-wrapper1{flex:0 0 auto;margin:0 auto;width:60%}.ilke-image{max-width:100%;width:60%;height:auto;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.golden-ratio-text{font-size:14px;color:#678;margin-top:10px;font-style:italic;display:block}.flex-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin:40px 0;width:100%}.flex-text{flex:1;margin:0 auto;padding:0;font-size:1.4rem;line-height:1.8;max-width:80%;text-align:left}.ilke-image1{width:100%;max-width:100%;height:auto;border-radius:32px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.ilke-image2{width:100%;max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.gri-container{display:flex;align-items:center;gap:24px;background-color:#cdcdcd;padding:20px;border-radius:16px}body.dark-mode .gri-container{background-color:#333;border:1px solid #686868}.metin-alani{flex:1;text-align:left}.gorsel-alani{flex:1;text-align:center}.ilke-image3{width:90%;max-width:90%;height:auto;border-radius:12px;display:block;transition:cubic-bezier(.075, .82, .165, 1);filter:brightness(1.5) contrast(.8);transition:transform 1.2s cubic-bezier(.075, .82, .165, 1),filter 1.6s ease}.ilke-image3:hover{transform:scale(1.05);filter:brightness(1.6) contrast(1)}@media (max-width:768px){.gri-container{flex-direction:column}.gorsel-alani{display:flex;justify-content:center;align-items:center;width:100%}.ilke-image3{margin:0 auto}.ilke-image3{border-radius:16px}}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .menu a{color:#fff}body.dark-mode .navbar{background-color:rgba(30,30,30,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 .8px 1px rgba(240,240,240,.271)}body.dark-mode .container-ilke h1{color:#f8eeda}body.dark-mode .text-container{background-color:rgba(30,30,30,.9);color:#e1e1e1;box-shadow:0 4px 20px rgba(0,0,0,.5);border:1px solid #555}body.dark-mode .golden-ratio-text{color:#bbb}body.dark-mode .ilke-image,body.dark-mode .ilke-image1{box-shadow:0 4px 12px rgba(255,255,255,.1)}.toggle-mode{position:absolute;left:20px;top:50%;transform:translateY(-50%);cursor:pointer}.toggle-mode img{width:36px;height:36px;transition:transform .3s ease}.language-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%);cursor:pointer}.language-toggle img{width:28px;height:28px;transition:transform .3s ease}body.dark-mode .language-toggle img{filter:invert(1)}.language-toggle:hover img{transform:scale(1.1)}.back-button{position:absolute;top:80px;left:40px;z-index:900}.back-button img{width:24px;height:24px;transition:transform .3s ease;opacity:.8;filter:brightness(0) saturate(100%) invert(24%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%)}.back-button img:hover{transform:scale(1.1);opacity:1}body.dark-mode .back-button img{filter:brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%);opacity:.9}.bottom-navigation{display:flex;justify-content:space-between;margin-top:40px;padding:0 0}.nav-button{position:relative;z-index:900;display:flex;align-items:center;gap:10px}.nav-text{font-size:1rem;color:#130055;opacity:.8;transition:opacity .3s ease;display:flex;align-items:center;height:48px;line-height:1;font-weight:600;transform:translateY(-5px)}.nav-button:hover .nav-text{opacity:1}body.dark-mode .nav-text{color:#3579f6}.nav-button img{width:24px;height:24px;transition:transform .3s ease;opacity:.8;filter:brightness(0) saturate(100%) invert(24%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%)}.nav-button img:hover{transform:scale(1.1);opacity:1}body.dark-mode .nav-button img{filter:brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(1800%) hue-rotate(210deg) brightness(94%) contrast(101%);opacity:.9}.menu-link{text-decoration:none;color:#333;font-weight:500;font-size:18px;transition:color .3s;position:relative;padding-bottom:5px}.menu-link::after{content:'';position:absolute;left:0;bottom:-18px;width:100%;height:2px;background-color:#6c6c6c;transform:scaleX(0);transition:transform .3s ease}.menu-link.active::after,.menu-link:hover::after{transform:scaleX(1)}.menu-icon{display:none}.mobile-site-title{display:none}@media (max-width:768px){.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;height:60px;background-color:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;box-shadow:0 .8px 1px rgba(18,18,18,.089);padding:0 15px;box-sizing:border-box}.mobile-site-title{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:500;color:#333;text-align:left;z-index:1;font-family:-apple-system,BlinkMacSystemFont,Inter,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif}.toggle-mode{display:block;position:absolute;right:60px;top:50%;transform:translateY(-50%);cursor:pointer;margin:0;left:auto}.language-toggle{display:block;position:absolute;right:108px;top:50%;transform:translateY(-50%);margin:0}.language-toggle img{width:28px;height:28px;transition:transform .3s ease}.menu-icon{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer}.menu{display:none;position:absolute;top:60px;left:0;width:100%;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:20px 0;text-align:left}.menu.active{display:flex}.menu-link{font-size:2rem;color:#555;padding-left:20px;width:auto;text-align:left;display:inline-block;position:relative}.menu-link::after{content:'';position:absolute;left:20px;bottom:-4px;width:0;height:2px;background-color:#6c6c6c;transform:scaleX(0);transition:transform .3s ease}.menu-link.active::after,.menu-link:hover::after{transform:scaleX(1);width:calc(100% - 20px)}body.dark-mode .mobile-site-title{color:#fff}body.dark-mode .menu-icon img{filter:invert(1)}body.dark-mode .navbar .menu{background:rgba(30,30,30,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.dark-mode .toggle-mode img{content:url('night.png');width:36px;height:36px;object-fit:contain}}body.dark-mode .toggle-mode img{content:url('night.png')}@media (max-width:768px){.flex-container{flex-direction:column;align-items:center;gap:20px}.image-wrapper,.image-wrapper1{width:92%;max-width:92%;margin:20px auto;text-align:center}.image-wrapper .ilke-image,.image-wrapper1 .ilke-image1{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}.flex-text{width:100%;max-width:100%;margin-top:0;padding:0 16px;box-sizing:border-box}.text-container{background-color:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}body.dark-mode .text-container{border:none!important;box-shadow:none!important}}@media (max-width:768px){.container-ilke{text-align:left;padding-top:100px}.container-ilke h1{font-size:2.5rem;display:inline-block;position:relative;margin-left:5%;margin-bottom:8px;text-align:left;line-height:1.6;background:linear-gradient(to bottom,#bf953f 0,#b38728 40%,#d7d299 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-ilke h1::after{content:'';position:absolute;left:0;bottom:-12px;width:100%;height:1px;background:rgba(0,0,0,.15)}body.dark-mode .container-ilke h1::after{background:rgba(255,255,255,.3)}.back-button{left:5%}}@media (min-width:769px){.container-ilke{width:85vw;max-width:1400px;margin:0 auto;padding-top:120px;position:relative}.container-ilke h1{margin-left:0;margin-right:0}.text-container{width:90%;max-width:100%}.back-button{left:calc((100vw - 85vw)/ 2)}}@media (min-width:1700px){.back-button{left:calc((100vw - 1400px)/ 2)}}@media (max-width:768px){.bottom-navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-top:32px;padding:0;gap:0;position:relative}.nav-button{flex:1;display:flex;align-items:center}.nav-button.left{justify-content:flex-start}.nav-button.right{justify-content:flex-end}.nav-text{word-wrap:break-word;overflow-wrap:break-word;hyphens:none;max-width:calc(50vw - 60px)}.nav-button.left .nav-text{text-align:left;margin-left:8px}.nav-button.right .nav-text{text-align:right;margin-right:8px}.nav-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:40px;margin:0;position:absolute;left:50%;transform:translateX(-50%);z-index:10}.vertical-line{width:1px;height:32px;background:#317dff;margin:4px 0}}.share-section{display:flex;align-items:center;gap:24px;margin:32px 0 16px 0;justify-content:center;font-size:1rem}.share-btn{background:0 0;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center}.share-btn img{width:28px;height:28px;object-fit:contain;transition:transform .5s}.share-btn:hover img{transform:scale(1.1)}@media (max-width:768px){.share-section{gap:32px}}::selection{background-color:#94c8d8;color:#2b3759}body.dark-mode ::selection{background-color:#dd8ea6b8;color:#36364c}