@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050617;--text:#f7f4ff;--muted:#b9b3d6;--line:rgba(159,87,255,.38);--cyan:#15e8ef;--violet:#9546ff;--pink:#ed36e8;--orange:#ffa416}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 64% 1%,rgba(92,35,255,.27),transparent 29rem),radial-gradient(circle at 91% 56%,rgba(240,40,255,.12),transparent 29rem),#050617;color:var(--text);font:14px 'DM Sans',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;opacity:.34;pointer-events:none;background-image:linear-gradient(rgba(110,82,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(110,82,255,.09) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 77%)}a{text-decoration:none;color:inherit}@keyframes pulse{50%{box-shadow:0 0 29px rgba(176,57,255,.55)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes flow{50%{background-position:180% 0}}.trade-sidebar{position:fixed;z-index:4;inset:0 auto 0 0;width:242px;display:flex;flex-direction:column;border-right:1px solid rgba(141,84,255,.27);background:linear-gradient(180deg,rgba(13,10,48,.94),rgba(5,6,24,.96));backdrop-filter:blur(18px)}.trade-brand{display:flex;align-items:center;gap:12px;height:77px;padding:0 28px;border-bottom:1px solid rgba(141,84,255,.25);font:700 26px 'Space Grotesk';letter-spacing:-1px}.trade-brand b,.mobile-trade-brand b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#dd44ff,#4d69ff 63%,#19e9ef);box-shadow:0 0 22px rgba(148,56,255,.6);font-size:20px}.trade-nav{display:grid;gap:7px;padding:22px 16px}.trade-nav a{display:flex;align-items:center;gap:14px;height:47px;padding:0 16px;border:1px solid transparent;border-radius:13px;color:#d3cdeb;font-weight:600;transition:.22s}.trade-nav i,.trade-bottom-nav i{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:7px;font-style:normal;font-size:10px}.trade-nav a:hover{background:rgba(255,255,255,.05);color:#fff}.trade-nav .active{border-color:#b757ff;background:linear-gradient(100deg,rgba(73,64,255,.85),rgba(214,37,255,.77));box-shadow:0 0 26px rgba(178,39,255,.46);color:#fff;animation:pulse 3s infinite}.sidebar-intelligence{margin:auto 18px 32px;text-align:center}.ai-globe{position:relative;display:grid;place-items:center;width:130px;height:130px;margin:auto;border:1px solid #51ddff;border-radius:50%;background:radial-gradient(circle,rgba(29,227,255,.3),rgba(109,41,255,.18) 42%,transparent 66%);box-shadow:0 0 34px rgba(94,62,255,.6);font:700 34px 'Space Grotesk';animation:float 6s ease-in-out infinite}.ai-globe i{position:absolute;inset:-15px;border:1px solid rgba(205,56,255,.5);border-radius:50%;animation:rotate 9s linear infinite}.ai-globe i:nth-child(2){inset:15px;border-color:rgba(21,232,239,.5);animation-direction:reverse}.sidebar-intelligence strong,.sidebar-intelligence span{display:block;margin-top:12px;font-weight:700}.sidebar-intelligence span{margin-top:3px;color:#d379ff}.trade-main{min-height:100vh;margin-left:242px}.trade-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;height:77px;padding:0 34px;border-bottom:1px solid rgba(141,84,255,.3);background:rgba(6,7,29,.82);backdrop-filter:blur(18px)}.mobile-trade-brand{display:none}.trade-search{display:flex;align-items:center;gap:10px;width:min(370px,32vw);height:40px;padding:0 13px;border:1px solid rgba(151,102,255,.43);border-radius:12px;background:rgba(255,255,255,.04);color:#cdc5e8}.trade-search span{font-size:10px}.trade-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.deriv-status{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.deriv-status i{width:9px;height:9px;border-radius:50%;background:#19ebaf;box-shadow:0 0 13px #19ebaf;animation:pulse 2s infinite}.trade-bell{position:relative;border:0;background:transparent;color:#fff;font-weight:700}.trade-bell sup{position:absolute;top:-10px;right:-10px;padding:2px 5px;border-radius:50%;background:#fa4e9c}.trade-account{display:flex;align-items:center;gap:8px;border-left:1px solid rgba(141,84,255,.32);padding-left:14px}.trade-account>b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#ba5aff,#3189ff)}.trade-account span{font-size:11px;font-weight:700}.trade-account small{display:block;margin-top:3px;color:#16e9b0;font-size:10px}.trade-logout{border:1px solid #bb55ff;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700}.trade-content{width:min(100% - 50px,1140px);margin:auto;padding:38px 0 60px}.trade-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{color:#d4ccef;font-size:13px}.trade-intro h1{margin:20px 0 10px;font:700 clamp(34px,4vw,51px)/1 'Space Grotesk';letter-spacing:-2px}.trade-intro h1 em{font-style:normal;background:linear-gradient(90deg,#b58bff,#ff55dc);background-clip:text;color:transparent}.trade-intro p{max-width:760px;margin:0;color:#bfb8dc;font-size:15px;line-height:1.6}.deriv-badge{display:flex;align-items:center;gap:14px;flex:none;padding:13px 18px;border:1px solid #7d3bdc;border-radius:14px;background:rgba(32,16,72,.55)}.deriv-badge b{display:grid;place-items:center;border-radius:6px;padding:7px 10px;background:linear-gradient(135deg,#ff5b7c,#fc1c54);font-size:19px;font-style:italic}.deriv-badge span{font-size:11px;font-weight:700}.deriv-badge small{color:#b4adcc;font-weight:400}.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.contract-card{position:relative;display:flex;flex-direction:column;min-height:584px;padding:24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(12,27,73,.92),rgba(8,8,37,.95));box-shadow:inset 0 1px rgba(255,255,255,.1),0 18px 44px rgba(0,0,0,.28);transition:transform .28s,border-color .28s,box-shadow .28s}.contract-card:before{content:'';position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 47%,rgba(255,255,255,.14),transparent 54%);transition:.55s}.contract-card:hover{transform:translateY(-7px);border-color:#72a1ff;box-shadow:0 22px 52px rgba(52,92,255,.28)}.contract-card:hover:before{transform:translateX(55%)}.rise{border-color:rgba(255,58,229,.62);background:linear-gradient(145deg,rgba(63,10,75,.9),rgba(13,7,43,.96))}.rise:hover{border-color:#ff6ce9;box-shadow:0 22px 52px rgba(255,44,226,.23)}.accumulator{border-color:rgba(255,166,25,.66);background:linear-gradient(145deg,rgba(71,32,5,.89),rgba(19,8,40,.96))}.accumulator:hover{border-color:#ffbb40;box-shadow:0 22px 52px rgba(255,149,17,.25)}.contract-art{position:relative;height:168px;margin:-2px -4px 12px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(67,107,255,.48),transparent 35%),linear-gradient(135deg,rgba(5,61,214,.45),rgba(20,7,66,.3));border-bottom:1px solid rgba(102,122,255,.3)}.contract-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(95,118,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(95,118,255,.16) 1px,transparent 1px);background-size:24px 24px}.digit-cube{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid #5ee6ff;border-radius:9px;background:linear-gradient(135deg,rgba(74,96,255,.9),rgba(98,18,210,.75));box-shadow:0 0 22px rgba(65,112,255,.7);font-style:normal;font-weight:700}.main-cube{top:39px;left:40%;width:76px;height:76px;font-size:38px;animation:float 3s infinite}.cube-one{top:22px;left:18%;width:31px;height:31px;color:#76eaff}.cube-two{top:64px;right:13%;width:35px;height:35px;color:#b16aff}.digit-line{position:absolute;right:0;bottom:18px;left:0;height:42px;background:linear-gradient(140deg,transparent 10%,rgba(64,164,255,.8) 11% 12%,transparent 13% 26%,rgba(139,52,255,.9) 27% 29%,transparent 30% 44%,rgba(44,151,255,.8) 45% 47%,transparent 48%)}.contract-card h2{position:relative;margin:3px 0 10px;font:700 33px 'Space Grotesk';letter-spacing:-1px}.contract-card p{position:relative;margin:0;color:#d0c9e5;line-height:1.48}.contract-card ul{position:relative;display:grid;gap:12px;margin:22px 0;padding:18px 0 0;border-top:1px solid rgba(148,103,255,.28);list-style:none;color:#d7d1ea;font-size:13px}.contract-card li:before{content:'OK';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:13px;border-radius:50%;background:linear-gradient(135deg,#7147ff,#226cff);color:#fff;font-size:8px}.rise li:before{background:linear-gradient(135deg,#fa3fdf,#802ddb)}.accumulator li:before{background:linear-gradient(135deg,#ffd32a,#e46b0d)}.contract-action{position:relative;margin-top:auto}.contract-action a,.contract-action .disabled{display:block;border:1px solid #88a7ff;border-radius:14px;padding:15px;background:linear-gradient(90deg,#743eff,#2259ea);box-shadow:0 0 20px rgba(69,89,255,.4);text-align:center;font-weight:700}.rise .contract-action a{border-color:#ff81ed;background:linear-gradient(90deg,#b930f1,#ef35dc);box-shadow:0 0 20px rgba(238,42,229,.34)}.accumulator .contract-action a{border-color:#ffcb55;background:linear-gradient(90deg,#ef7d05,#ffbd0d);box-shadow:0 0 20px rgba(255,156,13,.34)}.contract-action .disabled{border-color:#5d5975;background:#302c4c;color:#aaa3c6}.trade-notice{display:flex;align-items:center;gap:15px;margin-top:29px;padding:19px 22px;border:1px solid rgba(135,77,255,.4);border-radius:14px;background:rgba(30,18,73,.61);color:#d2cbe8}.trade-notice i{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#8066ff;color:#fff;font-style:normal;font-weight:700}.trade-notice p{margin:0;line-height:1.5}.trade-notice a{margin-left:auto;flex:none;color:#d6c1ff;font-size:12px}.trade-bottom-nav{display:none}
@media(max-width:950px){.trade-sidebar{display:none}.trade-main{margin:0}.trade-header{height:66px;padding:0 16px}.mobile-trade-brand{display:flex;align-items:center;gap:8px;margin-right:auto;font:700 21px 'Space Grotesk'}.mobile-trade-brand b{width:31px;height:31px;font-size:16px}.trade-search,.deriv-status,.trade-account span,.trade-logout{display:none}.trade-account{border:0;padding:0}.trade-content{width:100%;padding:25px 16px calc(104px + env(safe-area-inset-bottom))}.trade-intro{display:block}.trade-intro h1{margin-top:16px;font-size:clamp(31px,10vw,42px)}.trade-intro p{font-size:13px}.deriv-badge{display:inline-flex;margin-top:18px}.contract-grid{grid-template-columns:1fr;gap:15px;margin-top:22px}.contract-card{min-height:0;padding:18px}.contract-art{height:128px}.contract-card h2{font-size:28px}.contract-card ul{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.contract-card li{font-size:11px}.contract-action{margin-top:6px}.trade-notice{align-items:flex-start;margin-top:17px;padding:15px}.trade-notice a{display:none}.trade-bottom-nav{position:fixed;z-index:8;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:10px 4px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(150,86,255,.32);border-radius:20px 20px 0 0;background:rgba(7,5,27,.94);backdrop-filter:blur(20px)}.trade-bottom-nav a{display:grid;justify-items:center;gap:4px;min-width:48px;color:#c7c0de;font-size:9px}.trade-bottom-nav .active{color:#fff;text-shadow:0 0 13px #c345ff}.trade-bottom-nav .active i{border-color:#d04cff;background:rgba(145,44,255,.34);box-shadow:0 0 15px rgba(193,57,255,.56)}}
@media(max-width:380px){.contract-card ul{grid-template-columns:1fr}.contract-art{height:112px}.trade-bottom-nav a{min-width:43px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}/* Smartphone safety: preserve every Trade page section without overlap or clipping. */
@media (max-width:950px){html,body{width:100%;max-width:100%;overflow-x:hidden}.trade-main,.trade-content,.trade-intro,.contract-grid,.contract-card,.contract-art,.trade-notice{min-width:0;max-width:100%}.trade-content{padding-right:16px;padding-left:16px;padding-bottom:calc(108px + env(safe-area-inset-bottom))}.trade-header{gap:10px;overflow:hidden}.trade-bell{flex:none;padding:7px}.trade-account{flex:none}.trade-intro h1{overflow-wrap:anywhere}.trade-intro p{overflow-wrap:anywhere}.deriv-badge{max-width:100%;overflow:hidden}.contract-grid{display:flex;flex-direction:column}.contract-card{width:100%;overflow:hidden;transform:none!important}.contract-card:before{pointer-events:none}.contract-art{flex:none}.contract-card p,.contract-card li{overflow-wrap:anywhere}.contract-card ul{min-width:0}.contract-action{flex:none}.trade-notice{width:100%;overflow-wrap:anywhere}.trade-bottom-nav{min-height:70px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.trade-bottom-nav::-webkit-scrollbar{display:none}.trade-bottom-nav a{flex:1 0 55px}}
@media (max-width:520px){.trade-content{padding-right:14px;padding-left:14px}.contract-card{padding:16px}.contract-art{height:118px}.contract-card h2{font-size:26px}.contract-card ul{grid-template-columns:1fr 1fr;gap:8px}.contract-card li{font-size:10px}.contract-card li:before{width:17px;height:17px;margin-right:7px;font-size:7px}.trade-notice{padding:14px;font-size:11px}.trade-notice p{line-height:1.45}}
@media (max-width:350px){.trade-header{padding-right:11px;padding-left:11px}.mobile-trade-brand span{font-size:18px}.trade-account>b{width:28px;height:28px}.contract-card ul{grid-template-columns:1fr}.trade-bottom-nav a{flex-basis:47px;font-size:8px}}
/* Compact phone breakpoint: designed for 360-430 CSS pixel devices. */
@media (max-width:430px){body{min-width:0}.trade-header{height:64px;padding:0 14px}.mobile-trade-brand{gap:7px;font-size:20px}.mobile-trade-brand b{width:29px;height:29px}.trade-bell{font-size:0}.trade-bell:before{content:'N';font-size:11px}.trade-account>b{width:30px;height:30px}.trade-content{width:100vw;max-width:100vw;padding:22px 14px calc(104px + env(safe-area-inset-bottom))}.trade-intro,.contract-grid,.trade-notice{width:100%;max-width:100%;margin-right:0;margin-left:0}.trade-intro h1{font-size:clamp(30px,9.5vw,38px);letter-spacing:-1.5px}.trade-intro p{font-size:12.5px}.deriv-badge{margin-top:15px;padding:11px 13px}.deriv-badge b{font-size:17px}.contract-grid{gap:14px;margin-top:20px}.contract-card{width:100%;min-width:0;padding:14px;border-radius:16px}.contract-art{width:100%;height:110px;margin:0 0 12px}.contract-card h2{font-size:25px}.contract-card p{font-size:11.5px}.contract-card ul{grid-template-columns:1fr 1fr;margin:16px 0;padding-top:14px}.contract-card li{min-width:0;font-size:10px}.contract-card li:before{width:16px;height:16px;margin-right:5px}.contract-action a,.contract-action .disabled{padding:13px 8px}.trade-notice{gap:10px;padding:13px;font-size:10.5px}.trade-notice i{width:23px;height:23px}.trade-bottom-nav{padding-top:9px}.trade-bottom-nav a{flex:1 0 50px;min-width:0}.trade-bottom-nav i{width:21px;height:21px}}
/* Independent mobile Trade canvas: do not inherit desktop sizing or gutters. */
@media (max-width:950px){body{min-width:0;background:radial-gradient(circle at 90% 0,rgba(121,52,255,.28),transparent 18rem),#050617}.trade-main{width:100%;max-width:100%;margin:0}.trade-header{width:100%;max-width:100%;position:sticky}.trade-content{width:auto!important;max-width:none!important;margin:0!important;padding:22px 16px calc(108px + env(safe-area-inset-bottom))!important}.trade-intro{width:100%;margin:0}.contract-grid{width:100%;margin-right:0;margin-left:0}.contract-card{width:100%;max-width:100%;min-width:0}.trade-notice{width:100%;max-width:100%}}
@media (max-width:430px){.trade-content{width:auto!important;margin:0!important;padding-right:16px!important;padding-left:16px!important}.contract-grid{width:100%!important}.contract-card{width:100%!important}.contract-art{width:100%!important}}
/* Polished phone card treatment: compact, clean, and purpose-built. */
.rise-art{background:radial-gradient(circle at 56% 30%,rgba(232,47,236,.46),transparent 31%),linear-gradient(135deg,rgba(79,7,80,.72),rgba(13,8,45,.5))}.rise-art .candle{position:absolute;bottom:20px;width:11px;border-radius:3px;background:linear-gradient(#47e8f1,#206aff);box-shadow:0 0 12px rgba(35,230,255,.6)}.rise-art .c1{left:26%;height:50px}.rise-art .c2{left:39%;height:78px;background:linear-gradient(#fc65ed,#a82ad5)}.rise-art .c3{left:52%;height:42px}.rise-art .c4{left:65%;height:91px;background:linear-gradient(#fa63ec,#a323cc)}.rise-art .direction{position:absolute;z-index:2;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,157,245,.82);border-radius:9px;background:linear-gradient(135deg,#f13ddf,#6c2bd2);box-shadow:0 0 18px rgba(240,49,232,.55);font-style:normal;font-size:10px;font-weight:700}.rise-art .up{top:31px;left:24%;transform:rotate(-10deg)}.rise-art .down{top:62px;right:20%;background:linear-gradient(135deg,#e23aff,#a018bd);transform:rotate(10deg)}.accumulator-art{background:radial-gradient(circle at 61% 32%,rgba(255,169,25,.5),transparent 34%),linear-gradient(135deg,rgba(91,38,2,.82),rgba(23,8,40,.5))}.growth-step{position:absolute;bottom:24px;width:40px;border:1px solid #ffcb55;background:linear-gradient(135deg,rgba(255,194,24,.76),rgba(207,74,7,.75));box-shadow:0 0 15px rgba(255,154,13,.45)}.s1{left:24%;height:27px}.s2{left:37%;height:47px}.s3{left:50%;height:68px}.s4{left:63%;height:91px}.growth-arrow{position:absolute;z-index:2;top:20px;right:15%;color:#ffe279;font-style:normal;font-weight:700;text-shadow:0 0 15px #ff9e1a;animation:float 2.6s infinite}
@media(max-width:950px){.contract-card:before{display:none}.contract-card{background:linear-gradient(155deg,rgba(19,20,71,.98),rgba(8,10,40,.98));box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.24)}.rise{background:linear-gradient(155deg,rgba(53,10,68,.98),rgba(15,8,42,.98))}.accumulator{background:linear-gradient(155deg,rgba(66,29,5,.96),rgba(18,8,38,.98))}.contract-card p{min-height:0}.contract-card ul{margin-top:14px;margin-bottom:14px}.contract-action{margin-top:0}.trade-bottom-nav{box-shadow:0 -10px 30px rgba(2,2,15,.56)}.trade-content{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important}}
@media(max-width:430px){.contract-card{padding:15px}.contract-art{height:106px}.rise-art .direction{width:36px;height:36px}.rise-art .c1{height:38px}.rise-art .c2{height:60px}.rise-art .c3{height:33px}.rise-art .c4{height:69px}.growth-step{bottom:16px}.contract-card ul{margin-bottom:13px}.contract-action a{padding:12px 8px}.trade-bottom-nav{min-height:64px}}
/* Standalone smartphone screen: every visible block owns an explicit 16px gutter. */
@media (max-width:950px){.trade-main{display:block;width:100%;margin:0!important;overflow:hidden}.trade-content{display:block;width:100%!important;max-width:100%!important;margin:0!important;padding:22px 0 calc(122px + env(safe-area-inset-bottom))!important}.trade-intro,.contract-grid,.trade-notice{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin-right:16px!important;margin-left:16px!important}.trade-intro{padding:0!important}.contract-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.contract-card{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.trade-notice{margin-top:18px!important}.trade-bottom-nav{width:100%;max-width:100%;padding-right:8px;padding-left:8px}.trade-header{width:100%;max-width:100%;padding-right:16px;padding-left:16px}.trade-card,.contract-card,.contract-art{box-sizing:border-box!important}}
@media (max-width:430px){.trade-intro,.contract-grid,.trade-notice{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin-right:16px!important;margin-left:16px!important}.contract-card{border-radius:15px}.contract-art{border-radius:11px}.trade-intro h1{font-size:31px;line-height:1.03}.trade-intro p{font-size:12px}.deriv-badge{width:auto;max-width:100%}}