:root{--default-font:var(--font-roboto), system-ui, -apple-system, sans-serif;--heading-font:var(--font-ubuntu), sans-serif;--nav-font:var(--font-nunito), sans-serif;--background-color:#0f1115;--default-color:#fff;--heading-color:#fff;--accent-color:#ff9800;--accent-rgb:255, 152, 0;--surface-color:#161a22;--surface-border:#262f40;--nav-bg:#0b0d11;--nav-color:#fff9;--nav-hover:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font);min-height:100vh;overflow-x:hidden}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{color:#ffb74d}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font);font-weight:700}.layout-container{min-height:100vh;display:flex;position:relative}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.justify-content-center{justify-content:center!important}.align-items-start{align-items:flex-start!important}.text-center{text-align:center!important}@media (min-width:1200px){.d-xl-none{display:none!important}}.header{--background-color:#1b1b1b;--contrast-color:#444;color:var(--default-color);z-index:997;width:300px;padding:0 15px;transition:all .3s ease-in-out;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.header .header-container{background-color:var(--background-color);border:1px solid color-mix(in srgb, var(--default-color), transparent 80%);border-radius:20px;width:100%;padding:15px}.header .social-links{margin:0 0 10px}.header .social-links a{background:color-mix(in srgb, var(--default-color), transparent 90%);color:var(--default-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 2px;font-size:16px;transition:all .3s;display:inline-flex}.header .social-links a:hover{color:var(--contrast-color);background:var(--accent-color)}.header .header-toggle{color:var(--contrast-color);background-color:var(--accent-color);cursor:pointer;z-index:9999;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .3s;display:flex;position:fixed;top:15px;right:15px}.header .header-toggle:hover{color:var(--contrast-color);background-color:color-mix(in srgb, var(--accent-color) 90%, white 15%)}@media (max-width:1199px){.header{left:-100%}.header.header-show{left:0}}.navmenu{z-index:9997;width:100%;padding:0}.navmenu ul{margin:0;padding:0 0 20px;list-style:none}.navmenu a{color:#ececec96;font-family:var(--nav-font);white-space:nowrap;-webkit-tap-highlight-color:transparent;align-items:center;width:100%;padding:15px 10px;font-size:16px;font-weight:400;transition:all .3s;display:flex;outline:none!important}.navmenu a:focus,.navmenu a:active,.navmenu a:visited{outline:none!important}.navmenu a .navicon{margin-right:10px;font-size:20px}.navmenu a:hover,.navmenu .active{color:#fff}.navmenu a:hover .navicon,.navmenu .active .navicon{color:var(--accent-color)}.main-content{flex:1;min-width:0;margin-left:330px;padding:40px;position:relative}@media (max-width:1199px){.main-content{margin-left:0;padding:80px 20px 40px}}.section{padding:80px 0}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.section-title{text-align:center;margin-bottom:60px}.section-title h2{margin-bottom:15px;padding-bottom:15px;font-size:36px;display:inline-block;position:relative}.section-title h2:after{content:"";background-color:var(--accent-color);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-title p{color:#ffffffb3;max-width:800px;margin:0 auto;font-size:18px;line-height:1.6}.grid-2{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (max-width:991px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.grid-2,.grid-3{grid-template-columns:1fr}}.hero-wrapper{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;min-height:calc(100vh - 80px);display:grid;position:relative}.background-elements{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-circle{background:linear-gradient(45deg, rgba(var(--accent-rgb), .08), rgba(var(--accent-rgb), .02));border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.circle-1{width:350px;height:350px;top:-10%;right:-5%}.circle-2{width:250px;height:250px;animation-delay:3s;bottom:10%;left:-5%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.hero-text{z-index:2;position:relative}.hero-logo{filter:drop-shadow(0 4px 10px rgba(var(--accent-rgb), .3));margin-bottom:20px}.hero-text h2{margin-bottom:16px;font-size:54px;line-height:1.2}.hero-text h2 span{color:var(--accent-color);text-underline-offset:8px;text-decoration:underline}.hero-text .lead{color:#ececec;align-items:center;gap:8px;margin-bottom:20px;font-size:26px;font-weight:500;display:flex}.hero-text .lead span{color:var(--accent-color)}.hero-text .description{color:#fffc;margin-bottom:36px;font-size:18px;line-height:1.7}.hero-actions{gap:16px;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:50px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#000;border-color:var(--accent-color)}.btn-primary:hover{background-color:#e68a00;border-color:#e68a00;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-outline{color:var(--accent-color);border-color:var(--accent-color);background-color:#0000}.btn-outline:hover{background-color:rgba(var(--accent-rgb), .1);transform:translateY(-2px)}.hero-visual{z-index:2;justify-content:center;display:flex;position:relative}.profile-container{width:320px;height:320px;position:relative}.profile-background{background:rgba(var(--accent-rgb), .1);border:1px solid var(--surface-border);z-index:1;border-radius:24px;width:100%;height:100%;position:absolute;top:15px;left:15px}.profile-image-wrapper{z-index:2;border:2px solid var(--surface-border);border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.profile-image-wrapper img{object-fit:cover;transition:transform .5s}.profile-container:hover .profile-image-wrapper img{transform:scale(1.05)}@media (max-width:991px){.hero-wrapper{text-align:center;grid-template-columns:1fr;padding-top:40px}.hero-actions{justify-content:center}.hero-visual{order:-1;margin-bottom:20px}.profile-container{width:260px;height:260px}}.card-wrapper{cursor:pointer;border:1px solid var(--surface-border);background:var(--surface-color);border-radius:12px;flex-direction:column;justify-content:space-between;padding:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-wrapper:hover{border-color:rgba(var(--accent-rgb), .5);transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.card-overlay-text{z-index:10;width:100%;height:100%;color:var(--accent-color);font-size:20px;font-weight:700;font-family:var(--heading-font);background-color:#121212e6;justify-content:center;align-items:center;transition:left .5s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:100%}.card-wrapper:hover .card-overlay-text{left:0}.card-content{z-index:2;position:relative}.card-content h3{color:var(--accent-color);margin-bottom:15px;font-size:24px;transition:color .3s}.card-content p{color:#fffc;font-size:15px;line-height:1.6}.service-icon{color:var(--accent-color);margin-bottom:20px;font-size:32px}.card-action{border:1px solid var(--surface-border);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.card-wrapper:hover .card-action{border-color:var(--accent-color);color:var(--accent-color);transform:rotate(45deg)}.portfolio-filters{justify-content:center;gap:15px;margin-bottom:40px;list-style:none;display:flex}.portfolio-filters li{border:1px solid var(--surface-border);color:#ffffffb3;cursor:pointer;border-radius:50px;padding:8px 24px;font-weight:600;transition:all .3s}.portfolio-filters li:hover,.portfolio-filters li.filter-active{background-color:var(--accent-color);color:#000;border-color:var(--accent-color)}.gezi-card{border:1px solid var(--surface-border);background:var(--surface-color);cursor:pointer;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.gezi-image-container{width:100%;height:250px;position:relative;overflow:hidden}.gezi-image-container img{object-fit:cover;transition:transform .5s}.gezi-card:hover .gezi-image-container img{transform:scale(1.05)}.gezi-card:after{content:"";pointer-events:none;z-index:2;background:#0009;width:100%;height:100%;transition:left .25s ease-out;position:absolute;top:0;left:100%}.gezi-card:hover:after{left:0}.gezi-card-overlay{z-index:3;color:#fff;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:absolute;top:0;left:0}.gezi-card:hover .gezi-card-overlay{display:flex}.gezi-card-title{border-top:1px solid var(--surface-border);padding:20px}.gezi-card-title h4{font-size:20px;font-weight:700}.portfolio-card{border:1px solid var(--surface-border);background:var(--surface-color);cursor:pointer;border-radius:12px;height:250px;transition:all .3s;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;transition:transform .5s}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-card:after{content:"";z-index:1;pointer-events:none;background:#0009;width:100%;height:100%;transition:left .25s ease-out;position:absolute;top:0;left:100%}.portfolio-card:hover:after{left:0}.portfolio-card-title{color:#fff;z-index:2;background:linear-gradient(#0000,#000000e6);width:100%;padding:20px 15px;position:absolute;bottom:0;left:0}.portfolio-card-title h4{font-size:18px;font-weight:700}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{border:1px solid var(--surface-border);background-color:#0f1115;border-radius:12px;width:100%;max-width:800px;max-height:85vh;animation:.3s modalFadeIn;position:relative;overflow-y:auto;box-shadow:0 10px 40px #000c}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--surface-border);z-index:3;background-color:#0f1115;justify-content:space-between;align-items:center;padding:24px 30px 16px;display:flex;position:sticky;top:0}.modal-header h3{color:var(--accent-color);font-size:26px}.modal-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:color .3s;display:flex}.modal-close-btn:hover{color:#fff}.modal-body{color:#ffffffd9;padding:30px;font-size:16px;line-height:1.8}.modal-body p{margin-bottom:20px}.modal-body p:last-child{margin-bottom:0}.modal-image-wrapper{border:1px solid var(--surface-border);border-radius:8px;width:100%;height:350px;margin-bottom:24px;position:relative;overflow:hidden}.modal-image-wrapper img{object-fit:cover}.contact-container{background-color:var(--surface-color);border:1px solid var(--surface-border);border-radius:12px;grid-template-columns:.8fr 1.2fr;gap:50px;padding:40px;display:grid}@media (max-width:991px){.contact-container{grid-template-columns:1fr;gap:30px}}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-info-item{align-items:flex-start;gap:16px;display:flex}.contact-info-item i{color:var(--accent-color);background-color:rgba(var(--accent-rgb), .1);border:1px solid rgba(var(--accent-rgb), .2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.contact-info-text h4{margin-bottom:6px;font-size:18px}.contact-info-text p{color:#ffffffb3;font-size:15px}.contact-form-wrapper{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:767px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;display:flex}.form-control{border:1px solid var(--surface-border);color:#fff;font-family:var(--default-font);background-color:#0f1115;border-radius:8px;padding:14px 18px;font-size:15px;transition:all .3s}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 10px rgba(var(--accent-rgb), .2);outline:none}.form-status{text-align:center;border-radius:8px;padding:15px;font-size:15px;font-weight:600}.form-status.loading{color:#fff;background-color:#ffffff1a}.form-status.error{color:#ef5350;background-color:#ef535033;border:1px solid #ef53504d}.form-status.success{color:#66bb6a;background-color:#66bb6a33;border:1px solid #66bb6a4d}.footer{text-align:center;border-top:1px solid var(--surface-border);color:#ffffff80;padding:40px 0;font-size:14px}.footer p{margin-bottom:8px}.footer strong{color:#fff}.footer .credits{font-size:13px}.footer .credits a{font-weight:600}.scroll-top{z-index:996;background-color:var(--accent-color);color:#000;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 15px rgba(var(--accent-rgb), .4);opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{background-color:#ffb74d;transform:translateY(-3px)}.react-datepicker{color:#fff!important;border:1px solid var(--surface-border)!important;background-color:#1c1e26!important}.react-datepicker__header{border-bottom:1px solid var(--surface-border)!important;background-color:#0b0d11!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#fff!important}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--accent-color)!important;color:#000!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{color:#fff!important;background-color:#1c1e26!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:var(--accent-color)!important;color:#000!important}.rbc-calendar{background-color:#0000!important}.rbc-month-view,.rbc-time-view,.rbc-agenda-view{border:1px solid var(--surface-border)!important}.rbc-header{font-weight:700;border-bottom:1px solid var(--surface-border)!important;border-left:1px solid var(--surface-border)!important;padding:10px!important}.rbc-day-bg{border-left:1px solid var(--surface-border)!important}.rbc-month-row{border-top:1px solid var(--surface-border)!important}.rbc-off-range-bg{background:#0f1115!important}.rbc-today{background-color:#ff98001a!important}.rbc-event{background-color:var(--accent-color)!important;color:#000!important;border:none!important}.rbc-btn-group button{color:#fff!important;border:1px solid var(--surface-border)!important;background:#1c1e26!important}.rbc-btn-group button.rbc-active{background:var(--accent-color)!important;color:#000!important}.rbc-btn-group button:hover{background:#262f40!important}