*{margin:0;padding:0}:root{--title-font: "Orbitron", sans-serif;--text-font: "Blinker", sans-serif;--text-size-responsive:clamp(1rem,2.5vw,1.6rem);--title-size-responsive:clamp(1.5rem,4.3vw,2.5rem);--bg: #0B0B0D;--surface: #16171B;--text: #F2F0EA;--text-muted: #A7A8AD;--accent: #B89552;--accent-light: #D8C08A;--border: #292A30;--page-padding: 0px 3%}html,body{background-color:#000}.webgl.main{position:fixed;top:0;left:0;outline:none;z-index:2}.button-glow{position:relative;--blur-one:0px;--blur-two:0px;--filter-time:.4s}.button-glow .button{position:relative;display:inline-flex;align-items:center;padding:2px;border-radius:15px;overflow:hidden}.button-glow .button .outside{position:absolute;left:-100%;width:200%;height:100%;background:linear-gradient(to right,#80672e,#d8c08a,#80672e,#80672e,#d8c08a,#80672e);transition:transform .4s ease-in}.button-glow .inside{position:relative;z-index:1;padding:12px 24px;border-radius:13px;background:#0b0b0d}.button-glow .inside h3{margin:0;color:#fff;font-weight:300;font-size:1rem;font-family:var(--text-font);pointer-events:none;text-shadow:0 0 5px var(--accent-light)}.button-glow .inside span{display:inline-block;transform:rotate(-45deg);transform-origin:center;font-size:1rem;text-shadow:0 0 5px var(--accent-light)}.button-glow .bir,.button-glow .iki{position:absolute;width:100%;height:100%;border-radius:15px;background:#d8c08a;opacity:.45;pointer-events:none;transition-duration:var(--filter-time);transition-property:filter;transition-timing-function:ease-in}.button-glow .bir{filter:blur(var(--blur-one))}.button-glow .iki{filter:blur(var(--blur-two))}.button-glow:hover .outside{transform:translate(50%)}span.parent{position:relative;z-index:10;overflow:hidden;display:inline-block;margin-right:.25em}span.parent span.child{color:#fff;display:inline-block;transform:translateY(var(--y))}div.bosluk{margin-top:100vh;height:1000vh;width:100%;background-color:red;position:relative;z-index:1}section.title{position:relative;z-index:1000;height:100vh;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}section.title .menu{height:10vh;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;box-sizing:border-box;padding:0 3%;--opa:0;opacity:var(--opa);z-index:10000}section.title .menu .left{position:relative;z-index:100;display:flex;justify-content:flex-start;align-items:center;gap:4px}section.title .menu .left img{width:clamp(30px,5vw,40px)}section.title .menu .left h1{font-size:clamp(.9rem,3vw,1.2rem);font-family:var(--title-font);color:var(--text)}section.title .menu .left h1 span{color:var(--accent-light)}section.title .menu .right a{color:#fff;font-family:var(--text-font);font-weight:300;text-decoration:none}section.title .menu .right.large-width{display:flex;justify-content:flex-end;align-items:flex-start;font-size:clamp(1rem,1.8vw,1.3rem);gap:15px}section.title .menu .right.small-width div.menu-screen{position:absolute;top:0%;left:0;width:100%;height:100vh;--size-first:40vh;--size-second:55vh;animation-name:menuGradientAnimation;animation-duration:8s;animation-iteration-count:infinite;animation-direction:alternate;background:radial-gradient(circle var(--size-first) at 0% 10%,#4f3f20,transparent),radial-gradient(circle var(--size-second) at 100% 90%,#121d31,black);display:flex;justify-content:center;align-items:center;--clip-y:0%;clip-path:rect(0% 100% var(--clip-y) 0%);z-index:10}section.title .menu .right.small-width div.menu-screen div{overflow:hidden;margin-bottom:4vh}section.title .menu .right.small-width div.menu-screen a{color:#fff;text-decoration:none;--y:100%;transform:translateY(var(--y));display:block;font-family:var(--title-font);font-size:1.9rem}section.title .menu .right.small-width div.menu-button{width:30px;height:17px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:15}section.title .menu .right.small-width div.menu-button div{width:100%;background-color:#fff;height:2px;transform-origin:right;transition:transform ease-in .3s,opacity ease-in .3s}section.title .menu .right.small-width div.menu-button.clicked div.top{transform:rotate(-45deg) scaleX(.75)}section.title .menu .right.small-width div.menu-button.clicked div.middle{opacity:0}section.title .menu .right.small-width div.menu-button.clicked div.bottom{transform:rotate(45deg) scaleX(.75)}section.title div.text{justify-items:center;align-content:center;grid-column:1 / 13;grid-row:1 / 13}section.title div.text div.slogan-1{color:var(--text);font-family:var(--text-font);font-weight:400;font-size:clamp(1rem,2.1vw,1.7rem);text-align:center;opacity:.8;margin-bottom:2vh;padding:0% 6%;text-shadow:0 0px 4px rgba(0,0,0,.9)}section.title div.text div.title-text{--opa:0;opacity:var(--opa);color:var(--text);font-family:var(--title-font);font-weight:900;font-size:clamp(1.5rem,4.3vw,2.5rem);text-align:center;color:var(--accent-light);margin-bottom:4vh;text-shadow:0 0px 10px rgba(0,0,0,.9),0 0px 40px rgba(0,0,0,.9),0 0px 20px rgba(0,0,0,.9);padding:0% 2%}section.title div.text div.slogan-2{color:var(--text);font-family:var(--text-font);font-weight:300;font-size:clamp(1.1rem,2.3vw,1.9rem);text-align:center;animation:sloganAnimation 1.5s ease alternate-reverse;animation-iteration-count:infinite;animation-delay:1.5s;text-shadow:0 0px 5px rgba(0,0,0,.9),0 0px 40px rgba(0,0,0,.9)}div.blur{width:100%;height:calc(100vh - 20px);position:sticky;top:calc(10px + 30vh);z-index:2;--blur: 0px;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));clip-path:inset(1px);transform:translateY(-30vh)}section.second-part{width:100%;position:relative;z-index:10}section.second-part svg.path{position:absolute;top:0;mask:url(#myMask);-webkit-mask:url(#myMask)}section.second-part svg.path path{--path-visible: 1;stroke-dasharray:1;stroke-dashoffset:var(--path-visible)}section.second-part div.bottom-blur{position:absolute;bottom:0;width:100%;height:20vh}section.second-part div.text{position:sticky;top:100vh;height:100vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);justify-content:center;align-items:center;transform:translateY(-100vh)}section.second-part div.text div.container{grid-column:2 / 12;grid-row:1 / 13;--translate-y:100%;--opa:0;opacity:var(--opa);transform:translateY(var(--translate-y));position:relative;z-index:2}section.second-part div.text div.container h1{color:var(--accent-light);font-family:var(--title-font);margin-bottom:3vh;text-shadow:0px 0px 20px var(--accent-light);font-size:var(--title-size-responsive);line-height:1.7}section.second-part div.text div.container p{color:#fff;font-family:var(--text-font);line-height:1.5;font-size:var(--text-size-responsive);margin-bottom:2vh}section.third-part{position:relative;z-index:330;margin-top:-200vh}section.third-part div.canvas-container{position:sticky;top:0;height:100vh;--clip:100%;clip-path:rect(var(--clip) 100% 100% 0px);width:100%;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);background-color:#000}section.third-part div.canvas-container canvas{position:relative;z-index:2;grid-column:1 / 3;grid-row:1 / 3}section.third-part div.canvas-container div.text-first{--opa:1;opacity:var(--opa)}section.third-part div.canvas-container div.text-second{--opa:0;opacity:var(--opa)}section.third-part div.canvas-container div.text-third{--opa:0;opacity:var(--opa)}section.third-part div.canvas-container div.text-fourth.text-container{--opa:0;opacity:var(--opa);transform:translateY(-75%)!important;z-index:11}section.third-part div.canvas-container div.text-fourth.text-container h1{width:70%;font-size:clamp(1.3rem,4.3vw,2.5rem)}section.third-part div.canvas-container div.text-container{position:absolute;width:100%;top:50%;transform:translateY(-50%);z-index:3;grid-column:1 / 3;grid-row:1 / 3;align-self:center;justify-items:center;justify-content:center}section.third-part div.canvas-container div.text-container h1{color:var(--accent-light);font-family:var(--title-font);font-size:clamp(1.2rem,3.4vw,2.5rem);margin-bottom:40px;text-align:center;text-shadow:0px 0px 20px var(--accent-light)}section.third-part div.canvas-container div.text-container p{width:50%;color:#fff;font-family:var(--text-font);font-size:var(--text-size-responsive);line-height:1.5;text-align:center}section.third-part div.canvas-container div.text-container div.button-glow{margin-top:40px}section.third-part div.blurDiv{width:100%;height:100vh}section.third-part div.footer{width:100%;height:100%;grid-column:1 / 3;grid-row:1 / 3;background:radial-gradient(circle at 50% 100%,var(--accent-light) 0%,1%,transparent 90%);position:relative;z-index:100;--opa:0;--y:25%;opacity:var(--opa);transform:translateY(var(--y))}section.third-part div.footer .container{display:flex;justify-content:center;align-items:flex-start;padding:0% 5%;gap:55px;flex-shrink:0;flex-wrap:wrap;position:absolute;bottom:0;transform:translateY(-100%);width:100%;box-sizing:border-box}section.third-part div.footer .container .card:nth-of-type(1){min-width:20%}section.third-part div.footer .container .card h1{font-family:var(--title-font);font-size:1rem;color:var(--accent-light);margin-bottom:20px}section.third-part div.footer .container .card a{font-family:var(--text-font);text-decoration:none;display:block;color:#fff}section.third-part div.footer .container .card p{font-family:var(--text-font);color:#fff}section.statistic-part{position:relative;margin-top:-100vh;z-index:100}section.statistic-part div.container{height:100vh;position:sticky;top:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr)}section.statistic-part div.container svg.path{grid-row:1 / 13;grid-column:1 / 13;position:absolute;top:0;mask:url(#myMask);-webkit-mask:url(#myMask)}section.statistic-part div.container svg.path path{--path-visible: 1;stroke-dasharray:1;stroke-dashoffset:var(--path-visible)}section.statistic-part div.container div.card-container{width:100%;position:relative;z-index:10;display:flex;justify-content:center;align-items:center}section.statistic-part div.container div.card-container div.card{width:90%;height:90%;background-color:transparent;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;background:radial-gradient(circle 40vw at 0% 0%,#4f3f20,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:3px solid var(--accent-light);border-radius:10px;box-sizing:border-box;padding:0% 10%;--translateY:20%;--opa:0;transform:translateY(var(--translateY));opacity:var(--opa)}section.statistic-part div.container div.card-container div.card h1{color:#fff;font-family:var(--title-font);font-size:clamp(.9rem,2.1vw,1.5rem);font-weight:100;text-align:center}section.statistic-part div.container div.card-container div.card img{width:70%}section.statistic-part div.container div.card-container div.card p{display:none}section.statistic-part div.container div.card-container.one{grid-row:3 / 7;grid-column:2 / 7}section.statistic-part div.container div.card-container.two{grid-row:3 / 7;grid-column:7 / 12}section.statistic-part div.container div.card-container.three{grid-row:7 / 11;grid-column:2 / 7}section.statistic-part div.container div.card-container.four{grid-row:7 / 11;grid-column:7 / 12}@media not (min-width:600px){div.text-fourth.text-container h1{width:90%!important}}@media not (min-width:600px){.footer .card:first-of-type{min-width:100%!important}.footer .container{justify-content:flex-start!important;transform:translateY(-50%)!important;gap:35px!important}.footer .container h1{font-size:.8rem!important}.footer .container a,.footer .container p{font-size:.8rem!important}}@media not (min-width:500px){section.third-part p{width:80%!important;line-height:1.4!important}}@media(min-width:500px)and (not (min-width:1300px)){section.third-part p{width:65%!important}}@media(min-width:1330px){section.third-part p{width:50%!important}}@media(not (max-width:700px))and (not (min-width:950px)){section.statistic-part img{width:50%!important}}@media(min-width:950px){section.statistic-part div.container{box-sizing:border-box;padding:0 4%!important}section.statistic-part div.card p{display:block!important;margin-top:30px;color:#fff;font-size:1.2rem;font-family:var(--text-font);font-weight:200}section.statistic-part img{width:70%!important}section.statistic-part div.card-container.one{grid-row:3 / 11!important;grid-column:1 / 4!important}section.statistic-part div.card-container.two{grid-row:3 / 11!important;grid-column:4 / 7!important}section.statistic-part div.card-container.three{grid-row:3 / 11!important;grid-column:7 / 10!important}section.statistic-part div.card-container.four{grid-row:3 / 11!important;grid-column:10 / 13!important}}@media(not (max-width:600px))and (not (min-width:1400px)){div.text div.container{grid-column:3 / 11!important;grid-row:5 / 13}div.text p{line-height:1.7!important}}@media(min-width:1400px){div.text div.container{grid-column:4 / 10!important;grid-row:5 / 13}}@property --size-first{syntax: "<length>"; inherits: false; initial-value: 40vh;}@property --size-second{syntax: "<length>"; inherits: false; initial-value: 55vh;}@keyframes menuGradientAnimation{0%{--size-first:40vh}to{--size-first:55vh;--size-second:40vh}}@keyframes sloganAnimation{0%{opacity:.4}to{opacity:1}}@media not (min-width:700px){.right.large-width{display:none!important}}@media(min-width:700px){.right.small-width{display:none!important}}