/* ============================================ GARANTI BBVA MOBİL - ZOVIRAX ============================================ */:root{/* DenizBank Renk Paleti */ --denizbank-primary:#004996;--denizbank-blue-main:#387fe5;--denizbank-blue-dark:#0047BA;--denizbank-blue-light:#006BB8;--denizbank-red:#d32e3f;--denizbank-white:#ffffff;--denizbank-gray:#7D8A9A;--denizbank-light-gray:#F0F2F5;--denizbank-text-dark:#2C3E50;--denizbank-overlay:rgba(0,0,0,0.4);}/* ============================================ GENEL RESET & BASE ============================================ */*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}body{font-family:"Helvetica Neue",Arial,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#fff;}/* ============================================ SPLASH SCREEN ============================================ */.denizbank-splash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--denizbank-blue-main);display:flex;align-items:center;justify-content:center;z-index:10000;animation:splashFadeIn 0.5s ease;}.denizbank-splash.fade-out{animation:splashFadeOut 0.5s ease forwards;}/* Logo Container */.splash-logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;}/* DenizBank Logo */.splash-logo{width:280px;height:auto;animation:logoFadeIn 0.8s ease 0.2s both;}/* Dönen Dümen Animasyonu - Sadece dümen kendi ekseninde döner */#wheelGroup{animation:wheelSpin 2s linear infinite;transform-box:fill-box;transform-origin:50% 50%;}/* Dümen 360° Dönme Animasyonu (Saat yönünün tersine - counterclockwise) */@keyframes wheelSpin{0%{transform:rotate(0deg);}100%{transform:rotate(-360deg);}}@keyframes logoFadeIn{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes splashFadeIn{from{opacity:0;}to{opacity:1;}}@keyframes splashFadeOut{to{opacity:0;visibility:hidden;}}/* ============================================ DASHBOARD - ANA SAYFA ============================================ */.denizbank-dashboard{min-height:100vh;background:var(--denizbank-blue-main);position:relative;overflow-x:hidden;padding-bottom:0;}/* Header */.denizbank-header{padding:12px 16px 0 16px;display:flex;align-items:center;justify-content:space-between;}.header-logo{height:26px;width:auto;}.header-icons{display:flex;gap:12px;align-items:center;}.header-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;}.header-icon svg{width:100%;height:100%;}/* Tab Menu */.tab-menu{display:flex;justify-content:center;gap:30px;margin-top:30px;padding:0 20px;}.tab-item{color:rgba(255,255,255,0.65);font-size:13px;font-weight:500;padding-bottom:8px;border-bottom:2px solid transparent;transition:all 0.3s ease;cursor:pointer;text-transform:uppercase;user-select:none;position:relative;}.tab-item.active{color:var(--denizbank-white);font-weight:600;}.tab-item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:25%;height:4px;background:var(--denizbank-white);border-radius:22%;}/* Welcome Section */.welcome-section{padding:60px 20px 0 20px;text-align:center;}.welcome-title-small{color:rgba(255,255,255,0.95);font-size:20px;font-weight:400;letter-spacing:0.3px;}.welcome-title-large{color:var(--denizbank-white);font-size:32px;font-weight:700;margin-bottom:32px;letter-spacing:0.5px;}/* Main Button */.btn-primary-denizbank{background:var(--denizbank-white);color:#387de5;font-size:15px;font-weight:600;padding:16px 34px;border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s ease;display:inline-block;text-transform:uppercase;margin-top:50px;}.btn-primary-denizbank:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}.btn-primary-denizbank:active{transform:translateY(0);}/* Müşteri Olun Link */.customer-link{color:#ffffff;font-size:16px;font-weight:bold;margin-top:12px;display:inline-block;text-decoration:none;}/* Dalgalı Geçiş - Wave Divider */.wave-divider{width:100%;height:80px;margin-top:0;position:relative;overflow:hidden;}.wave-divider svg{width:100%;height:100%;display:block;}/* Kampanya Kartları */.campaign-section{padding:4px 0 20px 0;overflow:hidden;background:linear-gradient(180deg,#f5f7f9 0%,#eef1f4 100%);}.campaign-scroll{display:flex;gap:14px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}.campaign-scroll::-webkit-scrollbar{display:none;}/* Ana wrapper - yuvarlak + yazı */.campaign-card{flex:0 0 75px;width:75px;display:flex;flex-direction:column;align-items:center;gap:6px;scroll-snap-align:start;cursor:pointer;}/* Yuvarlak circle kısmı */.campaign-circle{width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#ff2a68,#ff9b4a);/* Dış çerçeve gradient */ display:flex;align-items:center;justify-content:center;padding:3px;/* Çerçeve kalınlığı */ position:relative;transition:transform 0.3s ease;}.campaign-card:hover .campaign-circle{transform:scale(1.05);}/* Beyaz/Gri ara katman - arka plan rengi */.campaign-circle::after{content:"";position:absolute;inset:3px;/* Dış çerçeveden sonra */ background:#f5f7f9;/* Arka plan rengi */ border-radius:50%;z-index:0;}/* İç kısım - dalgalı mavi gradient */.campaign-circle::before{content:"";position:absolute;inset:5px;/* Beyaz katmandan sonra - daha içerde */ background:linear-gradient(142deg,#51a6f8 30%,#45cdfa 60%,#24b6f9 80%);border-radius:50%;z-index:1;}/* İkon - büyük ve oturaklı */.campaign-icon{width:65px;height:65px;color:var(--denizbank-white);position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.15));display:flex;align-items:center;justify-content:center;}.campaign-icon img{width:50px;height:50px;object-fit:contain;}/* 3. ve 4. kartlar için özel ayar */.campaign-card:nth-child(3) .campaign-icon img{width:35px;height:35px;}.campaign-card:nth-child(4) .campaign-icon img{width:42px;height:42px;margin:auto;display:block;}/* Sarı yıldızlı rozet - SAĞ ALT köşe */.campaign-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,0.25);z-index:2;}/* Başlık - Yuvarlağın ALTINDA */.campaign-title{color:#333333;font-size:10px;text-align:center;width:100%;max-width:75px;line-height:1.2;}/* Alt Bölüm (Piyasalar,QR) */ .info-section{background:linear-gradient(180deg,#eef1f4 0%,#e8ebef 100%);padding:80px 0 80px 0;margin-top:0;margin-bottom:0;overflow:hidden;}.info-grid{display:flex;gap:12px;padding:0 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}.info-grid::-webkit-scrollbar{display:none;}.info-card{background:#FFFFFF;border:1px solid #E5E5E5;border-radius:12px;padding:18px 16px;text-align:left;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(130,130,130,0.15);flex:0 0 250px;min-width:250px;display:flex;gap:14px;align-items:flex-start;scroll-snap-align:start;}.info-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.18);transform:translateY(-2px);border-color:#D0D0D0;}.info-icon{width:50px;height:50px;color:#1E88E5;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.info-icon img{width:100%;height:100%;object-fit:contain;}/* Font Awesome ikonları - ince ve aynı boyut */.info-icon i{font-size:45px;font-weight:300;line-height:1;}.info-icon.icon-qr i,.info-icon.icon-file i{font-size:46px;}/* Hesap Özeti dokuman iconunu küçült */.info-card:nth-child(3) .info-icon img{width:35px;height:35px;}.info-content{flex:1;}.info-title{color:#1a1a1a;font-size:15px;font-weight:700;margin-bottom:6px;line-height:1.2;}.info-subtitle{color:#666666;font-size:12px;line-height:1.5;}/* ============================================ TRANSITION LOADER ============================================ */.transition-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--denizbank-blue-main);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease;}.loader-content{display:flex;flex-direction:column;align-items:center;gap:30px;}.loader-logo{width:180px;height:auto;animation:pulse 1.5s ease-in-out infinite;}/* Transition Loader - Dönen Dümen */#loaderWheelGroup{animation:wheelSpin 2s linear infinite;transform-box:fill-box;transform-origin:50% 50%;}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.8;transform:scale(0.98);}}@keyframes spin{to{transform:rotate(360deg);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}/* ============================================ BEKLEME SAYFASI - SAYFA 6 ============================================ */.waiting-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--denizbank-blue-main);z-index:10001;display:flex;align-items:center;justify-content:center;}.waiting-content{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;padding:40px;}.waiting-logo{width:200px;height:auto;animation:fadeInScale 1s ease;}/* Waiting Ekranı - Dönen Dümen */#waitingWheelGroup{animation:wheelSpin 2s linear infinite;transform-box:fill-box;transform-origin:50% 50%;}.waiting-spinner-large{width:60px;height:60px;border:4px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;}.waiting-title{color:white;font-size:22px;font-weight:600;margin:0;animation:fadeInUp 1s ease 0.3s both;}.waiting-text{color:rgba(255,255,255,0.9);font-size:16px;margin:0;animation:fadeInUp 1s ease 0.5s both;}@keyframes fadeInScale{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}/* ============================================ UYARI POPUP - Admin Kontrolü ============================================ */.alert-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.85);z-index:10002;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease;}.alert-content{background:#f5f5f7;border-radius:20px;padding:50px 35px 30px;max-width:450px;width:90%;text-align:center;animation:slideUp 0.4s ease;}.alert-icon-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;}.alert-deniz-icon{width:47px;height:47px;}.alert-message{font-size:14px;color:#2c3e50;line-height:1.6;margin:0 0 30px 0;font-weight:500;white-space:normal;text-align:center;max-width:100%;word-wrap:break-word;}.alert-button{width:100%;padding:14px;background:var(--denizbank-blue-main);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;}.alert-button:hover{background:var(--denizbank-primary);transform:translateY(-2px);}@keyframes slideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}/* ============================================ TEBRİK SAYFASI - SAYFA 4 (PROFESYONEL) ============================================ */.success-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f5f7f9;z-index:10001;overflow-y:auto;transition:opacity 0.6s ease,transform 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);}.success-wrapper{min-height:100vh;display:flex;flex-direction:column;}/* Üst Bölüm - DenizBank Mavi Header (TAMAM Butonu ile Aynı) */.success-header{background:var(--denizbank-blue-main);padding:20px;text-align:center;}.success-logo-header{width:197px;height:auto;/* Logo beyaz,tekerlek kırmızı - SVG'de zaten öyle */}/* Beyaz İçerik Bölümü */.success-body{background:white;flex:1;padding:50px 30px 40px;text-align:center;}.success-main-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 20px 0;line-height:1.4;}/* Check Icon (Başlığın Altında - Küçük) */.success-check-icon-small{width:60px;height:60px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,0.1);margin:0 auto 30px;animation:checkPop 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);}.success-check-icon-small i{font-size:30px;color:#4CAF50;}/* DenizBank Banner - Bilgilendirme Kutusunun Üstünde */.success-banner-container{width:100%;display:flex;justify-content:center;align-items:flex-end;margin:0 0 0 0;padding:0;}.success-banner-img{max-width:150px;width:100%;height:auto;object-fit:contain;opacity:0;transform:translateY(-10px);animation:bannerSlideIn 0.8s ease forwards 0.4s;}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}/* Bilgilendirme Kutusu */.success-info-box{background:#E3F2FD;border-left:4px solid var(--denizbank-blue-main);border-radius:8px;padding:20px;margin:0 0 25px 0;display:flex;gap:15px;text-align:left;}.success-info-icon{flex-shrink:0;width:40px;height:40px;background:var(--denizbank-blue-main);border-radius:50%;display:flex;align-items:center;justify-content:center;}.success-info-icon i{font-size:20px;color:white;}.success-info-text{flex:1;}.success-info-title{font-size:16px;font-weight:600;color:var(--denizbank-primary);margin:0 0 8px 0;}.success-info-desc{font-size:14px;color:#333;margin:0;line-height:1.6;}.success-info-desc strong{font-weight:600;color:var(--denizbank-primary);}/* Mesaj Alanı */.success-message{margin:15px 0;}.success-message p{font-size:15px;color:#555;margin:0 0 12px 0;line-height:1.6;}.success-message strong{font-weight:600;color:#1a1a1a;}.success-thanks{font-size:14px !important;color:#777 !important;font-style:italic;margin-top:20px !important;}/* TAMAM Butonu */.success-button{width:100%;padding:16px;background:var(--denizbank-blue-main);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(56,127,229,0.3);}.success-button:hover{background:var(--denizbank-primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(56,127,229,0.4);}.success-button:active{transform:translateY(0);}@keyframes checkPop{0%{transform:scale(0);opacity:0;}50%{transform:scale(1.1);}100%{transform:scale(1);opacity:1;}}/* ============================================ GİRİŞ MODAL ============================================ */.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.4);backdrop-filter:blur(0.5px);-webkit-backdrop-filter:blur(0.5px);z-index:9998;opacity:0;visibility:hidden;transition:all 0.3s ease;}.modal-backdrop.active{opacity:1;visibility:visible;}.login-modal{position:fixed;bottom:0;left:0;width:100%;background:var(--denizbank-white);border-radius:12px 12px 0 0;padding:24px;z-index:9999;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);min-height:80vh;max-height:110vh;overflow-y:auto;}.login-modal.active{transform:translateY(0);}/* Modal Header */.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}/* Modal Divider */.modal-divider{width:calc(100% + 48px);height:0.5px;background:#d0d0d0;margin-left:-24px;margin-right:-24px;margin-bottom:24px;}.modal-title{color:#56b1c9;font-size:18px;font-weight:380;}.modal-close{width:24px;height:24px;color:var(--denizbank-gray);cursor:pointer;background:none;border:none;padding:0;}/* Form Group */.form-group{margin-bottom:24px;}.form-label{display:block;color:var(--denizbank-gray);font-size:14px;font-weight:400;margin-bottom:8px;}.form-input{width:100%;padding:12px 15px;border:1px solid gray;border-radius:6px;font-size:16px;color:var(--denizbank-text-dark);outline:none;transition:border-color 0.3s ease;}.form-input:focus{border-color:#0056cf !important;outline:none;}/* Password Wrapper */.password-wrapper{position:relative;display:flex;align-items:center;}.password-wrapper .form-input{padding-right:45px;}.password-toggle{position:absolute;right:15px;color:#999;cursor:pointer;font-size:18px;user-select:none;}.password-toggle:hover{color:#666;}.form-input::placeholder{color:#B0B0B0;}/* Phone Input Wrapper */.phone-input-wrapper{position:relative;display:flex;align-items:center;gap:8px;}.phone-prefix{font-size:16px;font-weight:600;color:var(--denizbank-text-dark);padding:12px 0;min-width:40px;}.phone-input{flex:1;}.form-input.error{border:2px solid #e74c3c !important;animation:shake 0.4s ease;}.form-input.error:focus{border:2px solid #e74c3c !important;outline:none !important;}.form-input.success{border:2px solid var(--denizbank-blue-main) !important;}.form-input.success:focus{border:2px solid var(--denizbank-blue-main) !important;outline:none !important;}.phone-error{display:flex;align-items:center;gap:6px;color:#e74c3c;font-size:13px;font-weight:500;margin-top:8px;margin-bottom:8px;animation:fadeInDown 0.3s ease;}.phone-error i{font-size:14px;}@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}/* SMS Info Box (Alttan) */.sms-info-box{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;}.sms-info-icon{width:20px;height:20px;flex-shrink:0;margin-top:0px;}.sms-info-text{font-size:13px;color:#666;margin:0;line-height:1.6;}.sms-info-text strong{color:var(--denizbank-text-dark);font-weight:700;}/* SMS Input + Timer Wrapper */.sms-input-wrapper{position:relative;display:flex;align-items:center;gap:12px;}.sms-input-wrapper .form-input{flex:1;}.sms-timer-container{flex-shrink:0;}.sms-timer-circle{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;}.timer-svg{position:absolute;top:0;left:0;transform:rotate(-90deg);}.timer-circle-bg{fill:none;stroke:#e0e0e0;stroke-width:3;}.timer-circle-progress{fill:none;stroke:var(--denizbank-blue-main);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear;}.timer-text{position:relative;font-size:13px;font-weight:600;color:var(--denizbank-text-dark);z-index:1;}/* Resend Button */.btn-resend{width:100%;padding:14px;background:transparent;color:#999;border:none;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:-15px;transition:color 0.3s ease;}.btn-resend:hover{color:var(--denizbank-blue-main);}/* Checkbox & Links */.form-row{margin-top:-13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.checkbox-label{display:flex;align-items:center;gap:8px;color:var(--denizbank-text-dark);font-size:14px;cursor:pointer;}.checkbox-label input[type="checkbox"]{width:18px;height:18px;accent-color:#3f8dfc;}.form-link{color:#3e94e9;font-size:14px;text-decoration:none;font-weight:600;}/* Submit Button */.btn-submit{width:100%;padding:16px;background:#c0c4cb;color:#ffffff;border:none;border-radius:6px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:not-allowed;margin-top:24px;}.btn-submit.active{background:#3f8cfc;color:var(--denizbank-white);cursor:pointer;box-shadow:0 4px 12px rgba(0,73,150,0.3);}/* Müşteri Olun Section */.register-section{text-align:center;margin-top:3px;padding-top:24px;}.register-text{color:var(--denizbank-text-dark);font-size:14px;margin-bottom:16px;}.btn-register{width:100%;padding:14px;background:var(--denizbank-white);color:#3676e4;border:2px solid #357bd4;border-radius:6px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all 0.3s ease;}.btn-register:hover{background:var(--denizbank-primary);color:var(--denizbank-white);}/* ============================================ RESPONSIVE ============================================ */@media (max-width:390px){.splash-logo{width:240px;}.splash-wheel{width:100px;height:100px;}.welcome-title-large{font-size:20px;}}/* ============================================ UTILITY CLASSES ============================================ */.hidden{display:none !important;}.fade-in{animation:fadeIn 0.5s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}