@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700&family=Playfair+Display:wght@400;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0a1620,#0f1a24);min-height:100vh;color:#e0e4e8}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path fill="none" stroke="%23ffffff" stroke-width="0.5" d="M10 10 L90 10 M10 20 L90 20 M10 30 L90 30 M10 40 L90 40 M10 50 L90 50 M10 60 L90 60 M10 70 L90 70 M10 80 L90 80 M10 90 L90 90 M10 10 L10 90 M20 10 L20 90 M30 10 L30 90 M40 10 L40 90 M50 10 L50 90 M60 10 L60 90 M70 10 L70 90 M80 10 L80 90 M90 10 L90 90"/></svg>');background-repeat:repeat;pointer-events:none;z-index:0}#root{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:20px;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;flex-wrap:wrap;gap:20px;margin-bottom:20px}.logo{font-family:Playfair Display,serif;font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff,#8ba3b8);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:2px;transition:filter .3s ease}.logo:hover{filter:brightness(1.2)}.lang-btn{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:40px;color:#e0e4e8;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.lang-btn:hover{background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}.lang-btn:active{transform:scale(.95);background:#ffffff2e}.flag-icon{font-size:18px;line-height:1;transition:transform .3s ease}.lang-btn:hover .flag-icon{transform:scale(1.2)}.lang-dropdown{position:absolute;top:50px;right:0;background:#1a2530;border:1px solid #2a3a48;border-radius:16px;display:none;box-shadow:0 8px 20px #0000004d;min-width:140px;z-index:100;animation:dropdownIn .2s ease}.lang-dropdown.active{display:block}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;color:#e0e4e8;border-radius:12px;margin:2px 6px;min-height:44px;-webkit-tap-highlight-color:transparent}.lang-option:hover{background:#2a3a48;transform:translate(4px)}.lang-option:active{background:#3a4a58;transform:scale(.98)}.hero{text-align:center;padding:40px 20px}.hero h1{font-family:Playfair Display,serif;font-size:56px;font-weight:800;background:linear-gradient(135deg,#fff,#8ba3b8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}.hero p{font-size:20px;color:#a0b4c4;max-width:700px;margin:0 auto 30px}[data-animate]{opacity:1;transform:none}@media (hover: none) and (pointer: coarse){[data-animate]{opacity:1;transform:translateY(25px);transition:opacity .6s ease,transform .6s ease}[data-animate].animated{opacity:1;transform:translateY(0)}[data-animate=hero-title].animated{transition-delay:0s}[data-animate=hero-desc].animated{transition-delay:.1s}[data-animate=hero-btn].animated{transition-delay:.2s}[data-animate=hero-btns].animated{transition-delay:.3s}[data-animate=feature-1].animated{transition-delay:.1s}[data-animate=feature-2].animated{transition-delay:.25s}[data-animate=feature-3].animated{transition-delay:.4s}}.btn-primary{background:linear-gradient(135deg,#2a4a6e,#1a3a58);color:#fff;border:1px solid rgba(255,255,255,.2);padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:8px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff26;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn-primary:active:after{width:300px;height:300px}.btn-primary:hover{background:linear-gradient(135deg,#3a5a7e,#2a4a68);transform:translateY(-2px);box-shadow:0 8px 25px #2a4a6e66}.btn-primary:active{transform:scale(.95);background:linear-gradient(135deg,#4a6a8e,#3a5a78)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-loan-oval{display:block;margin:20px auto!important;padding:18px 48px!important;font-size:20px!important;font-weight:700!important;background:linear-gradient(135deg,#3a5a7e,#2a4a68)!important;border:2px solid #8ba3b8!important;border-radius:50px!important;box-shadow:0 4px 15px #8ba3b84d!important;color:#fff!important;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);width:fit-content;min-width:250px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:60px}.btn-loan-oval:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.btn-loan-oval:hover:before{opacity:1}.btn-loan-oval:hover{transform:scale(1.05)!important;background:linear-gradient(135deg,#4a6a8e,#3a5a78)!important;box-shadow:0 6px 25px #8ba3b880,0 0 40px #8ba3b826!important}.btn-loan-oval:active{transform:scale(.96)!important;background:linear-gradient(135deg,#5a7a9e,#4a6a88)!important}.hero-buttons-row{display:flex;justify-content:center;gap:16px;margin-top:10px}.hero-buttons-row .btn-secondary{padding:10px 24px!important;font-size:14px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;color:#a0b4c4!important;transition:all .3s ease;min-height:44px}.hero-buttons-row .btn-secondary:hover{background:#ffffff1a!important;border-color:#ffffff59!important;transform:translateY(-2px)}.hero-buttons-row .btn-secondary:active{transform:scale(.95);background:#ffffff26!important}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#e0e4e8;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.95);background:#ffffff1f}.btn-approve-loan{background:linear-gradient(135deg,#2a7a5a,#1a5a3a)!important;border-color:#2a7a5a80!important;min-height:56px}.btn-approve-loan:hover{background:linear-gradient(135deg,#3a8a6a,#2a6a4a)!important;box-shadow:0 8px 25px #2a7a5a66!important}.btn-approve-loan:active{background:linear-gradient(135deg,#4a9a7a,#3a7a5a)!important;transform:scale(.96)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:60px 0}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:default;-webkit-tap-highlight-color:transparent}@media (hover: hover){.feature-card:hover{transform:translateY(-10px);border-color:#ffffff40;box-shadow:0 20px 40px #0000004d;background:#ffffff14}}.feature-card:active{transform:scale(.97);background:#ffffff1a}.feature-icon{font-size:48px;margin-bottom:20px;transition:transform .3s ease;display:inline-block}@media (hover: hover){.feature-card:hover .feature-icon{transform:scale(1.15)}}.feature-card h3{font-family:Playfair Display,serif;font-size:22px;color:#e0e4e8;margin-bottom:12px}.feature-card p{color:#8ba3b8;font-size:14px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:flex-end}.modal.active{display:flex;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0f1a24;border:1px solid rgba(255,255,255,.15);border-radius:32px 32px 0 0;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;padding:30px 24px 40px;position:relative;animation:modalSlideUp .35s cubic-bezier(.32,.72,0,1);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (min-width: 769px){.modal{align-items:center}.modal-content{border-radius:32px;margin:20px;animation:modalScaleIn .3s cubic-bezier(.4,0,.2,1)}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-content h2{font-family:Playfair Display,serif;font-size:24px;color:#e0e4e8;margin-bottom:8px}.modal-content:before{content:"";display:block;width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 16px}@media (min-width: 769px){.modal-content:before{display:none}}.close-modal{position:absolute;top:20px;right:24px;font-size:28px;cursor:pointer;color:#8ba3b8;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-tap-highlight-color:transparent;z-index:10}.close-modal:hover{color:#e0e4e8;background:#ffffff1a;transform:rotate(90deg)}.close-modal:active{background:#fff3;transform:scale(.9) rotate(90deg)}.coin-options-container{display:flex;flex-direction:column;gap:12px;margin-top:20px}.coin-select-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#1a1f2a;border:2px solid #2a3545;border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:60px}.coin-select-item:hover{background:#2a3545;border-color:#4a5a70;transform:translate(4px)}.coin-select-item:active{transform:scale(.97);background:#3a4a60}.coin-select-item.selected{border-color:#8ba3b8;background:#2a3a48;box-shadow:0 0 15px #8ba3b833;animation:selectedPulse .4s ease}@keyframes selectedPulse{0%{box-shadow:0 0 #8ba3b880}to{box-shadow:0 0 15px #8ba3b833}}.coin-select-icon{width:32px;height:32px;border-radius:50%}.coin-select-label{font-size:16px;font-weight:500;color:#e0e4e8;flex:1}.coin-select-check{width:24px;height:24px;background:#8ba3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f1a24;font-weight:700;font-size:14px;animation:checkPop .3s cubic-bezier(.4,0,.2,1)}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.wallet-connect-section{margin-top:20px;padding-top:20px;border-top:1px solid #2a3545}.btn-connect-inline{width:100%;padding:16px!important;font-size:16px!important;margin:0!important;min-height:56px}.error-message-inline{color:#ef4444;font-size:13px;text-align:center;margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:14px;animation:errorShake .5s ease,errorGlow 1.5s ease;font-weight:500;line-height:1.4}@keyframes errorShake{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes errorGlow{0%{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 15px 2px #ef444433}to{box-shadow:0 0 #ef444400}}.connected-section-inline{display:flex;flex-direction:column;gap:12px}.connected-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#2a7a5a33;border:1px solid #2a7a5a;border-radius:40px;animation:badgeIn .4s ease}@keyframes badgeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.connected-icon{font-size:18px}.connected-address{font-family:monospace;font-size:14px;color:#86efac;flex:1}.disconnect-btn-small{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid #2a7a5a;color:#86efac;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.disconnect-btn-small:hover{background:#ef444433;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.disconnect-btn-small:active{transform:scale(.9) rotate(90deg);background:#ef44444d}.btn-continue{width:100%;padding:16px!important;font-size:16px!important;background:linear-gradient(135deg,#3a5a7e,#2a4a68)!important;margin:0!important;min-height:56px}.balance-info{background:#2a4a6e26;border:1px solid rgba(139,163,184,.3);border-radius:20px;padding:20px;margin-bottom:20px;text-align:center}.balance-label{font-size:14px;color:#8ba3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.balance-amount{font-size:36px;font-weight:700;background:linear-gradient(135deg,#fff,#8ba3b8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.balance-available{font-size:14px;color:#a0b4c4}.loan-input{width:100%;padding:16px;font-size:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:16px;margin:15px 0;text-align:center;color:#e0e4e8;transition:all .3s ease}.loan-input:focus{outline:none;border-color:#8ba3b8;box-shadow:0 0 15px #8ba3b826}.term-selector{display:flex;gap:12px;margin:15px 0;flex-wrap:wrap}.term-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:14px 16px;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);color:#e0e4e8;font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;font-size:14px}.term-btn:hover{background:#2a4a6e4d;border-color:#ffffff40}.term-btn:active{transform:scale(.95);background:#2a4a6e66}.term-btn.active{background:#2a4a6e;border-color:#8ba3b8;color:#fff;box-shadow:0 0 15px #2a4a6e66;animation:termSelect .3s cubic-bezier(.4,0,.2,1)}@keyframes termSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.custom-term{display:none;margin-top:10px}.custom-term input{width:100%;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#e0e4e8;transition:all .3s ease;font-size:16px}.custom-term input:focus{outline:none;border-color:#8ba3b8}.interest-info{background:#8ba3b81a;border-radius:12px;padding:12px;margin:15px 0;text-align:center;font-size:14px}.interest-rate{color:#d4af37;font-weight:700;font-size:18px}.modal-success{text-align:center}.success-checkmark{width:80px;height:80px;margin:0 auto 20px}.checkmark-circle{stroke:#2a7a5a;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:circleDraw .6s ease forwards .1s}.checkmark-check{stroke:#2a7a5a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkDraw .4s ease forwards .5s}@keyframes circleDraw{to{stroke-dashoffset:0}}@keyframes checkDraw{to{stroke-dashoffset:0}}.support-btn{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#2a4a6e,#1a3a58);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:14px 22px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:200;display:flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px}.support-btn:hover{background:linear-gradient(135deg,#3a5a7e,#2a4a68);transform:scale(1.05);box-shadow:0 6px 20px #2a4a6e66}.support-btn:active{transform:scale(.95);background:linear-gradient(135deg,#4a6a8e,#3a5a78)}.support-icon{display:inline-block;animation:iconBounce 2s infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rules-text,.instruction-text{color:#a0b4c4;line-height:1.6}.rules-text h3,.instruction-text h3{color:#e0e4e8;margin:20px 0 10px}.rules-text p,.instruction-text p{margin-bottom:12px}.instruction-step{background:#ffffff08;border-left:3px solid #8ba3b8;padding:12px 16px;margin:16px 0;border-radius:12px;transition:all .3s ease}.instruction-step:hover{background:#ffffff0f;border-left-color:#a0b4c4}.instruction-step strong{color:#8ba3b8}.warning-box{background:#dc868626;border:1px solid #dc8686;border-radius:12px;padding:12px;margin:16px 0}.repayment-details{background:#0000004d;border-radius:16px;padding:15px;margin:15px 0;text-align:left;font-size:14px}.repayment-details p{margin:8px 0}.loading-spinner{display:inline-block;width:18px;height:18px;margin-right:8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;padding:40px 20px;margin-top:60px;border-top:1px solid rgba(255,255,255,.1);color:#8ba3b8;font-size:13px}.success-page-shafu{text-align:center;padding:40px 24px 30px;position:relative;overflow:hidden;background:#0a162099;border-radius:32px;border:1px solid rgba(139,163,184,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-page-shafu:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(16,185,129,.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(52,211,153,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(139,163,184,.05) 0%,transparent 40%);pointer-events:none;animation:bgShimmer 3s ease infinite}@keyframes bgShimmer{0%,to{opacity:.7}50%{opacity:1}}.success-page-shafu .success-icon-wrapper{width:100px;height:100px;margin:0 auto 24px;position:relative;z-index:1}.success-page-shafu .success-icon-circle{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);display:flex;align-items:center;justify-content:center;animation:successPopIn .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 40px #10b98166,0 8px 32px #10b9814d}.success-page-shafu .success-icon-check{font-size:48px;color:#fff;font-weight:700;animation:successCheckIn .4s ease .35s both}.success-page-shafu .success-title{font-size:28px;font-weight:800;color:#e0e4e8;margin-bottom:10px;animation:successTextUp .5s ease .5s both}.success-page-shafu .success-desc{font-size:16px;font-weight:600;color:#10b981;margin-bottom:6px;animation:successTextUp .5s ease .6s both}.success-page-shafu .success-hint{font-size:13px;color:#8ba3b8;margin-bottom:24px;animation:successTextUp .5s ease .7s both}.success-page-shafu .success-details{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:16px;padding:16px 20px;text-align:left;max-width:420px;margin:0 auto;animation:successTextUp .5s ease .8s both}.success-page-shafu .success-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(16,185,129,.15)}.success-page-shafu .success-detail-row:last-child{border-bottom:none}.success-page-shafu .success-detail-label{font-size:14px;color:#8ba3b8}.success-page-shafu .success-detail-value{font-size:14px;font-weight:600;color:#6ee7b7}@media (max-width: 768px){.hero h1{font-size:36px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px;min-height:48px}.btn-loan-oval{padding:16px 36px!important;font-size:18px!important;min-width:200px}.term-btn{font-size:12px;padding:12px 10px;min-height:44px}.balance-amount{font-size:28px}}