@font-face{font-family:__Figtree_2ca027;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/d9fef5bf2f64cf9a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Figtree_2ca027;font-style:normal;font-weight:300 900;font-display:swap;src:url(/_next/static/media/de42cfb9a3b980ae-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Figtree_Fallback_2ca027;src:local("Arial");ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.00%;size-adjust:100.72%}.__className_2ca027{font-family:__Figtree_2ca027,__Figtree_Fallback_2ca027;font-style:normal}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c177e25b87fd9cd-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6c9a125e97d835e1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/4c285fdca692ea22-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Poppins_51684b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Poppins_Fallback_51684b;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_51684b{font-family:__Poppins_51684b,__Poppins_Fallback_51684b;font-style:normal}html body{font-family:Figtree,sans-serif!important;background:#000811;color:#fff}.text-p{font-family:Poppins,sans-serif!important}*{box-sizing:border-box;padding:0;margin:0}*,a{color:inherit}a{text-decoration:none}.language-switcher{display:flex;align-items:center;gap:8px;margin-left:20px;font-size:14px;font-weight:600}.lang-link{color:#fff;opacity:.7;transition:opacity .3s ease;padding:4px 8px;border-radius:4px}.lang-link:hover{opacity:1}.lang-link.active{opacity:1;background:rgba(0,153,255,.2);color:#09f}.language-switcher span{color:#fff;opacity:.5}.text-center{text-align:center}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.headerImg{left:0}.banner-image-bg,.headerImg{position:absolute;top:0;z-index:-1}.banner-image-bg{right:0}.aboutMe-bg{right:0;top:55%}.Portfolios-Bg,.aboutMe-bg{position:absolute;z-index:-1}.Portfolios-Bg{left:0;top:150%}.experience-bg{right:0;top:230%}.experience-bg,.lets-bg{position:absolute;z-index:-1}.lets-bg{left:0;top:350%}.custom-button{background-color:#06c;padding:12px 32px;border-radius:12px;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;text-wrap:nowrap}.custom-button:hover{background-color:#004d99}.header-div{display:flex;align-items:center;justify-content:space-between;max-width:1220px;width:100%;margin-inline:auto;padding:35px 20px}.header-div .header-links{font-size:16px;font-weight:500;display:flex;gap:40px}.mobile-menu-icon{display:none}.header-button{display:block}.banner-div{display:flex;align-items:center;justify-content:space-between;max-width:1240px;padding:0 20px;width:100%;margin-inline:auto}.banner-image{width:100%;max-width:515px;height:auto}.outer-gradient{display:inline-block;background:linear-gradient(90deg,#09f,#fff);padding:1px;margin-bottom:20px;border-radius:9999px}.inner-text{background-color:#000811;padding:4px 20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:-2%;border-radius:9999px}.banner-sub-header{font-size:35px;font-weight:500;color:#09f;margin-bottom:30px}.banner-info{display:flex;gap:20px}.client-header{text-align:center;font-size:40px;font-weight:500;margin-bottom:35px}.client-subtitle{text-align:center;font-size:16px;font-weight:400;color:#888;margin-bottom:20px}@keyframes slides{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.logos{overflow:hidden;padding:30px 0;white-space:nowrap;position:relative}.logos:after,.logos:before{position:absolute;top:0;content:"";width:250px;height:100%;z-index:2}.logos:before{left:0;background:linear-gradient(270deg,hsla(0,0%,100%,0),#000811)}.logos:after{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),#000811)}.logo_items{display:inline-block;animation:slides 20s linear infinite}.logos:hover .logo_items{animation-play-state:paused}.logo_items img{height:auto;margin-inline:50px;width:100px}.about-me-div{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1060px;margin-inline:auto;padding-right:50px;padding-left:10px;margin-bottom:150px}.about-me-div img{width:100%;max-width:410px;height:auto}.about-hero-info{width:100%;max-width:500px}.about-discrp{font-size:16px;margin-top:13px}.sub-header{font-size:28px;font-weight:500;color:#09f}.about-project{display:flex;align-items:flex-start;gap:20px;margin-top:30px;margin-bottom:25px}.about-project div{max-width:200px}.about-project div p{font-size:16px;line-height:1.4;margin-top:5px}.portfolio-container{max-width:1100px;padding-inline:50px;margin-inline:auto;margin-bottom:200px}.headerText{font-size:48px;font-weight:700}.portfolio-header div p{font-size:16px}.portfolio-header{margin-bottom:35px}.portfolio-header,.portfolio-header div{display:flex;align-items:center;justify-content:space-between}.portfolio-header div{gap:10px}.portfolio-cards-container{width:100%;display:grid;grid-row-gap:20px;row-gap:20px;grid-column-gap:18px;column-gap:18px;grid-template-columns:repeat(3,1fr)}.portfolio-card div h6{font-size:20px;font-weight:700}.portfolio-card div p{font-size:17px;color:#0096fb;margin-top:7px}.portfolio-card{border-radius:10px;position:relative}.portfolio-card img{width:100%}.portfolio-card div{background:#000e1f;padding:18px 23px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.experience-images-div{display:flex;gap:80px;flex-wrap:wrap;align-items:center;justify-content:center;max-width:916px;padding-inline:32px;margin:90px auto}.services-description{font-size:14px;font-weight:600;text-align:center;margin-top:20px;max-width:477px;margin-left:auto;margin-right:auto;padding-inline:15px}.services-div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:900px;width:100%;padding-inline:25px;gap:25px;margin:80px auto 70px}.service-card{max-width:409px;width:100%;margin-inline:auto;background:#000e1f;border-radius:20px;padding:40px 24px 35px}.service-card h1{margin-top:10px;font-size:24px;font-weight:600}.service-card .service-img{display:flex;gap:20px;align-items:start}.service-points-div{display:flex;align-items:center;gap:6px;margin-bottom:4px}.service-points-div p{font-size:12px}.lets-talk-div{display:flex;align-items:center;justify-content:space-between;max-width:900px;padding-inline:25px;width:100%;margin-inline:auto}.lets-talk-div div{max-width:400px}.lets-talk-div div p{margin-top:15px;margin-bottom:20px;font-size:14px}.person-image{max-width:409px;width:100%;height:auto}.footer-main-dev{background:#000e1f;margin-inline:auto;max-width:1344px;width:100%;border-radius:24px;padding:80px 100px 0}.footer-top{display:flex;align-items:start;flex-wrap:wrap;gap:80px;width:100%;margin-bottom:100px}.footer-contract .footer-heading{margin-bottom:25px;font-size:16px;font-weight:700;text-transform:uppercase}.footer-contract div div{display:flex;flex-direction:column;gap:13px}.footer-contract div .title{font-size:12px;font-weight:400}.footer-contract div .info{font-size:14px;font-weight:700}.footer-bottom{padding:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff99}.footer-bottom div{display:flex;align-items:center;justify-content:center;gap:15px}.footer-bottom p{font-size:12px;font-weight:700;color:hsla(0,0%,100%,.6);text-transform:uppercase}@media screen and (max-width:960px){.banner-image{max-width:480px}}@media screen and (max-width:900px){.banner-div{flex-direction:column}.portfolio-container{margin-bottom:150px}.portfolio-cards-container{grid-template-columns:repeat(2,1fr)}.headerText{font-size:42px}.experience-images-div{gap:70px}.lets-talk-div{gap:50px;flex-direction:column}.lets-talk-div div{max-width:100%}.footer-main-dev{padding:60px 80px 0}.lets-bg{top:430%}.experience-bg{height:60%;width:auto;top:550%}}@media screen and (max-width:950px){.mobile-menu-icon{display:block}.header-button,.header-div .header-links{display:none}}@media screen and (max-width:760px){.logo_items img{height:auto;width:80px;margin-inline:20px}.client-header{font-size:30px;margin-bottom:30px}.about-me-div{padding:35px;flex-direction:column}.about-hero-info{width:100%;max-width:500px}.aboutMe-bg{top:150%;height:80%;width:auto}.banner-image-bg{position:absolute;z-index:-1;right:0;top:30%;width:60%;height:auto}.Portfolios-Bg{top:390%;height:60%;width:auto}.lets-bg{top:660%;height:50%;width:auto}}@media screen and (max-width:660px){.headerText{font-size:32px}.portfolio-container{margin-bottom:100px}.portfolio-header div p{font-size:14px}.portfolio-cards-container{grid-template-columns:repeat(1,1fr)}.experience-images-div{gap:30px;margin-top:50px;margin-bottom:70px}.experience-images-div img{width:auto;height:39px}.footer-main-dev{padding:60px 40px 0}.footer-bottom{flex-direction:column;gap:10px;align-items:center;justify-content:center}.headerImg{max-width:100%;position:absolute;top:0;left:0;z-index:-1}}@media screen and (max-width:450px){.banner-info{display:flex;flex-wrap:wrap-reverse;justify-content:start}.availability-message{text-align:center}}.availability-message{font-size:16px;color:red;background-color:hsla(0,0%,100%,.1);padding:10px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.1)}.highlight{background-color:hsla(0,0%,100%,.2);padding:.1em .3em;border-radius:.15em;color:#fff;font-weight:700;box-shadow:2px 2px 5px rgba(0,0,0,.1);transform:skew(-10deg);display:inline-block}.tools-container{max-width:1100px;padding:80px 50px;margin:0 auto}.tools-content{margin-top:40px}.tools-content p{margin-bottom:20px;font-size:16px;line-height:1.6}.tools-page-container{max-width:1100px;padding:80px 20px;margin:0 auto;color:#fff}.tools-page-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.5rem;gap:1.5rem}.tools-page-card{background-color:#001529;border:1px solid rgba(0,150,251,.2);border-radius:.5rem;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.tools-page-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,150,251,.1)}.tools-page-card-content{padding:1.5rem}.tools-page-card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fff}.tools-page-card-description{font-size:.875rem;color:#a0aec0}.tools-page-card-link{display:inline-block;color:#0096fb;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.tools-page-card-link:hover{color:#007bbd;text-decoration:underline}.tools-page-header{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:#fff;text-align:center}.tools-page-description{font-size:1rem;color:#a0aec0;margin-bottom:2rem;text-align:center}.tools-page-card-button{display:inline-block;background-color:#004d99;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.25rem;text-decoration:none;transition:background-color .2s ease-in-out,transform .2s ease-in-out;align-self:flex-start}.tools-page-card-button:hover{background-color:#036;transform:translateY(-2px)}.tools-page-card,.tools-page-card-content{display:flex;flex-direction:column}.tools-page-card-content{height:100%}.tools-page-card-description{flex-grow:1;margin-bottom:1rem}.learning-container{max-width:1100px;padding:80px 50px;margin:0 auto}.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:50px}.learning-card{background:#000e1f;border-radius:20px;padding:35px;height:100%}.learning-card-title{font-size:24px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:12px}.learning-icon{font-size:28px}.learning-card-text{font-size:16px;line-height:1.6;color:#fff;margin-bottom:25px}.learning-list{list-style:none;padding:0}.learning-list li{font-size:16px;margin-bottom:12px;padding-left:24px;position:relative}.learning-list li:before{content:"•";color:#0096fb;position:absolute;left:0}.progress-section{margin-top:30px}.progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:600}.progress-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#0096fb;border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:#888;margin-top:10px}.learning-bg{position:absolute;z-index:-1;right:-20%;top:50%;transform:translateY(-50%)}@media screen and (max-width:900px){.learning-grid{grid-template-columns:1fr}.learning-container{padding:60px 25px;margin-bottom:100px}}.timeline-container{max-width:1100px;padding:20px 50px;margin:0 auto 40px}.timeline{position:relative;padding:40px 0 20px 160px;border-radius:20px;margin-top:30px}.timeline:before{content:"";position:absolute;left:160px;top:0;bottom:0;width:2px;background:#0096fb}.timeline-item{position:relative;padding-left:60px;margin-bottom:30px;max-width:700px}.timeline-item:last-child{margin-bottom:0}.timeline-badge{position:absolute;left:-22px;min-width:110px;background:#000811;border:2px solid #0096fb;padding:4px 16px;border-radius:12px;transform:translateY(-50%);top:24px;z-index:1;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-year{color:#fff;font-weight:600;font-size:12px;white-space:nowrap}.timeline-content{background:rgba(0,21,41,.5);padding:20px;border-radius:12px;margin-left:15px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,150,251,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.1);transform-origin:center}.timeline-content:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(0,150,251,.7);box-shadow:0 12px 20px rgba(0,150,251,.2),0 0 20px rgba(0,150,251,.1);background:rgba(0,21,41,.8)}.timeline-title{font-size:16px;font-weight:600;color:#0096fb;margin-bottom:8px}.timeline-description,.timeline-title{margin-left:15px;transition:all .3s ease}.timeline-description{font-size:14px;color:hsla(0,0%,100%,.9);line-height:1.5}.timeline-content:hover .timeline-title{color:#0096fb;transform:translateX(5px)}.timeline-content:hover .timeline-description{color:#fff}html{scroll-behavior:smooth}section{scroll-margin-top:100px}.section-header{font-size:1.5rem;font-weight:600;margin:2rem 0 1.5rem;color:#0096fb;position:relative;padding-left:1rem}.section-header:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#0096fb;border-radius:2px}.downloads-section,.tools-section{margin-bottom:4rem}.download-card{background-color:#001529;border:1px solid rgba(0,150,251,.2)}.download-button{background-color:#004d99}.download-button:hover{background-color:#036}@media (min-width:768px){.tools-page-grid{grid-template-columns:repeat(2,1fr)}}.webdesign-planner-container{padding:80px 20px 40px}.preview-image-container{padding:20px;background:rgba(0,0,0,.05);border-radius:16px;margin-top:2rem;text-align:center}@media (max-width:768px){.preview-image-container{padding:10px}}.group:hover .group-hover\:block{display:block}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}.availability-message{transition:all .3s ease}.availability-message:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,150,251,.15)}@media screen and (max-width:600px){.timeline{padding:30px 0 20px 100px}.timeline:before{left:100px}.timeline-item{padding-left:40px;max-width:100%}.timeline-badge{min-width:90px;left:-17px;padding:3px 12px;font-size:11px}}@media screen and (max-width:768px){.timeline-container{padding:20px 15px}.timeline{padding:30px 0 20px 45px}.timeline:before{left:45px}.timeline-item{padding-left:45px;margin-bottom:25px;max-width:100%}.timeline-badge{min-width:85px;left:-40px;padding:3px 8px;font-size:11px}.timeline-content{margin-left:0;padding:12px}.timeline-title{margin-left:0;font-size:14px}.timeline-description{margin-left:0;font-size:13px}}@media screen and (max-width:480px){.timeline{padding:30px 0 20px 40px}.timeline:before{left:40px}.timeline-badge{min-width:75px;left:-35px;padding:2px 6px;font-size:10px}.timeline-item{padding-left:40px}}.timeline-content:hover+.timeline-badge,.timeline-content:hover~.timeline-badge{transform:translateY(-50%) scale(1.1);border-color:#0096fb;box-shadow:0 0 15px rgba(0,150,251,.4),0 0 30px rgba(0,150,251,.2);background:rgba(0,21,41,.9)}.word-combinator-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:2rem 0}@media (max-width:768px){.word-combinator-grid{grid-template-columns:1fr}.input-column textarea{min-height:150px}.controls{flex-direction:column;align-items:stretch;gap:12px}.controls button{width:100%}.results-header{flex-direction:column;gap:12px}.results-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.results-actions button{width:100%}.combination-count{text-align:center;width:100%;margin:8px 0}}.input-column h3{margin-bottom:.5rem;color:#0096fb;font-size:1rem}.input-column textarea,.results-textarea{width:100%;padding:12px;border:1px solid rgba(0,150,251,.2);border-radius:8px;background:rgba(0,21,41,.5);color:#fff;font-size:14px;resize:vertical}.controls{display:flex;align-items:center;gap:1rem;margin:1rem 0}.combination-count{color:#0096fb;font-size:.9rem}.results-section{margin-top:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-header h3{color:#0096fb;font-size:1.2rem}.results-actions{display:flex;gap:1rem}@media (max-width:768px){.word-combinator-grid{grid-template-columns:1fr}}.tool-card{background-color:#001529;border:1px solid rgba(0,150,251,.2);transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);border-color:rgba(0,150,251,.4);box-shadow:0 8px 16px rgba(0,150,251,.15)}.tool-button{background-color:#06c}.tool-button:hover{background-color:#0052a3}.tools-section{margin-top:4rem}.clear-button:hover{background-color:rgba(0,150,251,.1)!important;border-color:#0096fb!important}.regex-container{max-width:1000px;margin:0 auto}.regex-input-section{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;margin-bottom:40px}.regex-input-group{margin-bottom:20px}.regex-input-group label{display:block;margin-bottom:8px;color:#0096fb;font-weight:600}.regex-pattern-input{display:flex;align-items:center;gap:8px;margin:15px 0}.regex-slash{color:#0096fb;font-size:24px;font-weight:500}.regex-pattern-input input{background:rgba(0,21,41,.5);border:1px solid rgba(0,150,251,.2);padding:12px 16px;border-radius:8px;color:#fff;font-family:monospace;font-size:16px;min-height:45px}.regex-pattern-input input:focus{outline:none;border-color:#0096fb}.flags-input{width:80px!important;text-align:center}.error-message{margin-top:8px;font-size:14px}.matches-display{background:rgba(0,21,41,.3);padding:16px;border-radius:8px}.matches-display h3{color:#0096fb;margin-bottom:12px}.matches-display ul{list-style:none;padding:0}.matches-display li{padding:4px 8px;background:rgba(0,21,41,.5);margin-bottom:4px;border-radius:4px;font-family:monospace}.regex-examples-section,.regex-help-section{margin-top:60px}.regex-examples-section h2{font-size:1.8rem;color:#fff;margin-bottom:40px;padding-bottom:15px;border-bottom:1px solid rgba(0,150,251,.2)}.pattern-category{margin-bottom:60px}.pattern-category h3{margin-bottom:25px;padding-bottom:12px}.regex-examples-grid,.regex-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.help-card,.regex-example-card{background:rgba(0,21,41,.5);padding:20px;border-radius:12px;border:1px solid rgba(0,150,251,.1)}.help-card h3,.regex-example-card h3{color:#0096fb;margin-bottom:12px}.regex-example-card code{background:rgba(0,21,41,.5);padding:8px;border-radius:6px;margin:12px 0}.help-card ul{list-style:none;padding:0}.help-card li{margin-bottom:8px}.help-card code{background:rgba(0,21,41,.5);padding:2px 6px;border-radius:4px;font-family:monospace}@media (max-width:768px){.regex-pattern-input{flex-wrap:wrap}.regex-pattern-input input{flex:1 1}}.input-description{margin:4px 0 8px}.pattern-category h3{font-size:1.3rem}.pattern-input{flex:1 1;min-width:300px}.regex-example-card h4{margin-bottom:8px;font-size:1.1rem}.regex-help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-card li{display:flex;align-items:baseline;gap:8px;line-height:1.6}.help-card code{flex-shrink:0;min-width:60px}.regex-input-group textarea{padding:16px;font-size:15px;min-height:150px}.full-width-textarea{width:100%!important;min-height:200px!important;font-size:15px!important;line-height:1.5!important;font-family:monospace!important}.line-number{color:#0096fb;font-weight:600;margin-right:8px;min-width:80px;display:inline-block}.input-description{color:#888;font-size:14px;margin:4px 0 12px;line-height:1.6}.input-description br{margin-bottom:4px}.matches-display li{padding:8px 12px;margin-bottom:8px;background:rgba(0,21,41,.7)}.regex-input-section{padding:30px;margin-bottom:50px}.regex-controls{gap:12px;margin:15px 0}.regex-pattern-input{flex:1 1}.pattern-category{margin-bottom:40px}.pattern-category h3{color:#0096fb;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,150,251,.2)}.regex-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}.regex-example-card{background:rgba(0,21,41,.5);padding:20px;border-radius:12px;border:1px solid rgba(0,150,251,.2);display:flex;flex-direction:column;height:100%;transition:all .3s ease;width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.regex-example-card:hover{border-color:rgba(0,150,251,.4);box-shadow:0 8px 16px rgba(0,150,251,.15);transform:translateY(-2px)}.regex-example-card h4{color:#0096fb;font-size:1.2rem;margin-bottom:12px}.regex-example-card p{margin-bottom:15px;flex-grow:1;line-height:1.5}.regex-example-card code{display:block;background:rgba(0,21,41,.7);padding:12px;border-radius:8px;margin-bottom:15px;font-family:monospace;word-break:break-all}.case-insensitive-label{display:inline-flex;align-items:center;padding:8px 16px;background:rgba(0,21,41,.3);border-radius:6px;border:1px solid rgba(0,150,251,.1);color:#0096fb;font-size:14px;cursor:pointer}.case-insensitive-label:hover{background:rgba(0,21,41,.5);border-color:rgba(0,150,251,.2)}.case-insensitive-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0 12px 0 0}.case-insensitive-label span{margin-left:12px}.regex-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.word-counter-container{max-width:1000px;margin:0 auto}.keywords-input-group,.text-input-group{margin-bottom:20px}.keywords-input-group label,.text-input-group label{display:block;margin-bottom:8px;color:#0096fb;font-weight:600}.keywords-input{width:100%;padding:12px;border:1px solid rgba(0,150,251,.2);border-radius:8px;background:rgba(0,21,41,.5);color:#fff;font-size:14px}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background:rgba(0,21,41,.5);padding:20px;border-radius:12px;border:1px solid rgba(0,150,251,.2);text-align:center}.stat-card h3{color:#0096fb;font-size:1.1rem;margin-bottom:8px}.stat-number{font-size:2rem;font-weight:600}.common-words,.keyword-stats{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;margin-bottom:30px}.common-words h3,.keyword-stats h3{color:#0096fb;font-size:1.2rem;margin-bottom:20px}.stats-table{width:100%;overflow-x:auto}.stats-table table{width:100%;border-collapse:collapse}.stats-table td,.stats-table th{padding:12px;text-align:left;border-bottom:1px solid rgba(0,150,251,.1)}.stats-table th{color:#0096fb;font-weight:600}.stats-table tr:hover{background:rgba(0,21,41,.7)}.input-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.filter-stopwords-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,21,41,.3);border-radius:6px;border:1px solid rgba(0,150,251,.1);color:#0096fb;font-size:14px;cursor:pointer;font-weight:400}.filter-stopwords-label:hover{background:rgba(0,21,41,.5);border-color:rgba(0,150,251,.2)}.filter-stopwords-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0}.serp-preview-container{max-width:800px;margin:0 auto}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-group label{font-size:1rem}.character-count{font-size:.9rem;padding:4px 8px;border-radius:4px;background:rgba(0,21,41,.3)}.character-count.empty{color:#888}.character-count.too-short{color:#faad14}.character-count.good{color:#52c41a}.character-count.too-long{color:#ff4d4f}.description-input,.title-input,.url-input{width:100%;padding:12px;border:1px solid rgba(0,150,251,.2);border-radius:8px;background:rgba(0,21,41,.5);color:#fff;font-size:14px;margin-top:4px}.description-input{resize:vertical;min-height:100px}.length-guide{font-size:.8rem;color:#888;margin-top:4px}.preview-section{background:rgba(0,21,41,.5);padding:24px;border-radius:12px}.preview-section h2{color:#0096fb;margin-bottom:20px;font-size:1.2rem}.serp-preview{background:#fff;padding:20px;border-radius:8px;font-family:arial,sans-serif}.serp-url{color:#202124;font-size:14px;margin-bottom:4px;display:flex;align-items:center;gap:4px}.serp-title{color:#1a0dab;font-size:20px;margin-bottom:6px;cursor:pointer}.serp-title:hover{text-decoration:underline}.serp-description{color:#4d5156;font-size:14px;line-height:1.58;display:flex;flex-wrap:wrap;gap:4px}.preview-warnings{margin-top:20px}.warning{color:#faad14;margin-bottom:8px;font-size:.9rem}@media (max-width:768px){.input-header{flex-direction:column;align-items:flex-start;gap:8px}.character-count{align-self:flex-start}}.serp-features{display:flex;gap:20px;align-items:center;padding:16px;background:rgba(0,21,41,.3);border-radius:8px;margin-bottom:20px}.feature-toggle{display:inline-flex;align-items:center;gap:8px;color:#0096fb;cursor:pointer;font-size:14px}.feature-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.date-input{padding:6px 12px;border:1px solid rgba(0,150,251,.2);border-radius:4px;background:rgba(0,21,41,.5);color:#fff}.character-count.leeg{color:#888}.character-count.te-kort{color:#faad14}.character-count.goed{color:#52c41a}.character-count.te-lang{color:#ff4d4f}.preset-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preset-button{padding:8px 16px;border:1px solid rgba(0,150,251,.2);border-radius:6px;background:rgba(0,21,41,.3);color:#fff;cursor:pointer;transition:all .2s ease}.preset-button:hover{background:rgba(0,21,41,.5);border-color:#0096fb}.preset-button.active{background:#0096fb;border-color:#0096fb}.custom-option-button{padding:8px 16px;border:1px dashed rgba(0,150,251,.4);border-radius:6px;background:transparent;color:#0096fb;cursor:pointer}.custom-option-button:hover{background:rgba(0,150,251,.1)}.custom-input-wrapper{margin-top:8px}.back-to-presets{color:#0096fb;background:none;border:none;padding:4px 0;cursor:pointer;font-size:14px;margin-top:8px}.back-to-presets:hover{text-decoration:underline}.optional-params{border-top:1px solid rgba(0,150,251,.1);margin-top:24px;padding-top:24px}.generated-url-container{background:rgba(0,21,41,.5);padding:20px;border-radius:12px;margin-top:20px}.generated-url-container h3{color:#0096fb;margin-bottom:12px}.url-display{background:rgba(0,21,41,.7);padding:16px 140px 16px 16px;border-radius:8px;position:relative;overflow-x:auto}.url-display code{font-family:monospace;word-break:break-all;white-space:pre-wrap;display:block;width:100%}.copy-button{position:absolute;top:50%;right:16px;transform:translateY(-50%);padding:8px 16px;background:#0096fb;border:none;border-radius:4px;color:#fff;cursor:pointer;white-space:nowrap}@media (max-width:768px){.url-display{padding:16px 16px 60px}.copy-button{position:absolute;bottom:16px;top:auto;right:16px;transform:none}}.error-message{color:#ff4d4f;padding:12px;background:rgba(255,77,79,.1);border-radius:8px;margin-top:20px}@media (max-width:768px){.preset-options{grid-template-columns:repeat(2,1fr)}.copy-button{position:static;width:100%;margin-top:12px}}.utm-builder-container{max-width:800px;margin:0 auto}.input-section{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;margin-bottom:40px}.input-group{margin-bottom:24px}.input-group label{display:block;color:#0096fb;font-weight:600;margin-bottom:12px}.campaign-input,.content-input,.custom-input,.term-input,.url-input{width:100%;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;color:#333;font-size:14px}.campaign-input:focus,.content-input:focus,.custom-input:focus,.term-input:focus,.url-input:focus{outline:none;border-color:#0096fb;box-shadow:0 0 0 2px rgba(0,150,251,.1)}.user-persona-container{max-width:1000px;margin:0 auto}.audience-input,.business-input{resize:vertical}.audience-input,.business-input,.language-select{width:100%;padding:12px 16px;border:1px solid #e1e1e1;border-radius:8px;background:#fff;color:#333;font-size:14px}.language-select{cursor:pointer}.loading-container{background:rgba(0,21,41,.5);padding:32px;border-radius:16px;text-align:center;border:1px solid rgba(0,150,251,.2);margin-top:24px}.loading-message{font-size:1.2rem;color:#0096fb;margin:16px 0 8px}.loading-time{font-size:.9rem;color:hsla(0,0%,100%,.7);margin-bottom:24px}.loading-tip{background:linear-gradient(135deg,rgba(0,150,251,.1),rgba(0,21,41,.3));padding:20px;border-radius:12px;border:2px solid rgba(0,150,251,.3);margin-top:24px;font-size:1.1em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),0 4px 8px rgba(0,150,251,.1);transform-origin:center;animation:tipPulse 4s infinite}@keyframes tipPulse{0%{opacity:.7;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:.7;transform:scale(.98)}}.loading-tip em{color:#0096fb;font-style:normal;font-weight:500}@keyframes fadeTip{0%,to{opacity:.7}50%{opacity:1}}.persona-card{background:rgba(0,21,41,.7);padding:32px;border-radius:16px;margin-top:24px;border:1px solid rgba(0,150,251,.3);box-shadow:0 8px 32px rgba(0,0,0,.2);width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.persona-card h2{color:#fff;font-size:36px;margin-bottom:32px;text-align:center;padding:80px 24px 24px;background:linear-gradient(90deg,rgba(0,150,251,.2),rgba(0,21,41,.5));border-radius:12px;border:1px solid rgba(0,150,251,.3);text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.persona-card h2:before{content:"👤";font-size:48px;display:block;position:absolute;top:20px;left:50%;transform:translateX(-50%);animation:floating 3s ease-in-out infinite;margin-bottom:20px}@keyframes floating{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.highlight-section{background:linear-gradient(135deg,rgba(0,150,251,.15),rgba(0,21,41,.5))!important;margin-bottom:32px;padding:32px;border:none!important;position:relative}.highlight-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#0096fb,transparent)}.persona-section{background:rgba(0,21,41,.6);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2);transition:all .4s cubic-bezier(.4,0,.2,1);flex-direction:column;width:100%;margin:0 auto}.persona-section,.persona-section h3{display:flex;gap:16px;word-wrap:break-word;overflow-wrap:break-word}.persona-section h3{font-size:20px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(0,150,251,.2)}.persona-section h3:before{content:attr(data-icon);font-size:32px;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;background:rgba(0,150,251,.1);border-radius:12px;border:1px solid rgba(0,150,251,.2);transition:all .3s ease}.persona-section:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 24px rgba(0,150,251,.2);border-color:rgba(0,150,251,.8);background:rgba(0,21,41,.8)}.persona-section:hover h3:before{transform:scale(1.1) rotate(8deg);background:rgba(0,150,251,.2);box-shadow:0 0 20px rgba(0,150,251,.3)}.persona-section p{font-size:16px;line-height:1.7;color:hsla(0,0%,100%,.95);padding:0 8px;word-wrap:break-word;overflow-wrap:break-word}.persona-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-top:32px;width:100%}@media (max-width:1200px){.persona-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.persona-grid{grid-template-columns:1fr;padding:0}.persona-card{padding:24px;width:100%;max-width:100%;margin:24px auto 0}.persona-section{padding:20px;width:100%}.persona-card h2{font-size:28px;padding:70px 20px 20px}.persona-card h2:before{font-size:36px;top:20px}}.how-it-works{margin-top:60px;padding:40px;background:rgba(0,21,41,.3);border-radius:16px;border:1px solid rgba(0,150,251,.2)}.how-it-works .section-title{font-size:28px;color:#0096fb;margin-bottom:24px;text-align:center}.how-it-works-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-bottom:24px}.info-card{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2)}.info-card h3{color:#0096fb;font-size:20px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.info-card ul{list-style:none;padding:0}.info-card ul li{margin-bottom:12px;line-height:1.6;padding-left:20px;position:relative}.info-card ul li:before{content:"•";color:#0096fb;position:absolute;left:0}.info-card ul li strong{color:#0096fb;font-weight:600}.info-note{background:rgba(0,150,251,.1);padding:20px;border-radius:8px;border:1px solid rgba(0,150,251,.2);margin-top:24px}.info-note p{margin:0;line-height:1.6}@media (max-width:768px){.how-it-works{padding:24px;margin-top:40px}.how-it-works-grid{grid-template-columns:1fr}}.button-group{display:flex;gap:12px;margin-top:24px}@media (max-width:768px){.button-group{flex-direction:column;gap:8px}.button-group button{width:100%;padding:12px 16px;font-size:14px}}.content-generator-container{max-width:1000px;margin:0 auto}.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:12px}.channel-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,21,41,.3);border-radius:8px;border:1px solid rgba(0,150,251,.1);cursor:pointer;transition:all .2s ease}.channel-checkbox:hover{background:rgba(0,21,41,.5);border-color:rgba(0,150,251,.3)}.channel-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.other-channel{grid-column:1/-1}.other-input{margin-top:12px;width:100%;padding:12px;background:rgba(0,21,41,.3);border:1px solid rgba(0,150,251,.2);border-radius:8px;color:#fff}.content-ideas-result{margin-top:40px;background:rgba(0,21,41,.5);padding:32px;border-radius:16px;border:1px solid rgba(0,150,251,.3)}.strategy-section{margin-bottom:32px}.strategy-section h3{color:#0096fb;font-size:1.2rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,150,251,.2)}.channel-ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.channel-card{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2)}.channel-card h4{color:#0096fb;font-size:1.1rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.ideas-list{list-style:none;padding:0}.ideas-list li{margin-bottom:12px;padding-left:20px;position:relative;line-height:1.5}.ideas-list li:before{content:"•";color:#0096fb;position:absolute;left:0}.calendar-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.calendar-item{background:rgba(0,21,41,.3);padding:16px;border-radius:8px;border:1px solid rgba(0,150,251,.2)}.tone-of-voice{background:rgba(0,21,41,.3);padding:24px;border-radius:12px;margin-top:24px;border:1px solid rgba(0,150,251,.2)}@media (max-width:768px){.channels-grid{grid-template-columns:1fr}.content-ideas-result{padding:24px}.calendar-suggestions,.channel-ideas{grid-template-columns:1fr}}.channel-card:hover{transform:translateY(-2px);border-color:rgba(0,150,251,.4);box-shadow:0 8px 16px rgba(0,150,251,.15)}.calendar-item:hover{background:rgba(0,21,41,.5);border-color:rgba(0,150,251,.3)}.content-generator-container .input-section{background:rgba(0,21,41,.5);padding:32px;border-radius:16px;margin-bottom:40px;border:1px solid rgba(0,150,251,.2)}.content-generator-container .input-group{margin-bottom:24px}.content-generator-container .input-group label{display:block;color:#0096fb;font-weight:600;margin-bottom:8px}.content-generator-container textarea{width:100%;padding:16px;background:rgba(0,21,41,.3);border:1px solid rgba(0,150,251,.2);border-radius:8px;color:#fff;font-size:15px;resize:vertical;min-height:100px}.content-generator-container textarea:focus{outline:none;border-color:#0096fb;box-shadow:0 0 0 2px rgba(0,150,251,.1)}.journey-phase{padding:16px}.journey-phase h5{font-size:1rem;margin-bottom:12px}.idea-example{padding-left:16px;border-left:2px solid rgba(0,150,251,.3)}.ideas-list li{margin-bottom:20px}.ideas-list li:last-child{margin-bottom:0}.ideas-list li strong{color:#0096fb;display:block;margin-bottom:4px}.phase-icon{margin-right:8px;font-size:1.2em}.journey-phase{margin-top:24px;padding:20px;background:rgba(0,21,41,.3);border-radius:8px;border:1px solid rgba(0,150,251,.2);transition:all .3s ease}.journey-phase:hover{background:rgba(0,21,41,.5);border-color:rgba(0,150,251,.4);transform:translateY(-2px)}.journey-phase h5{display:flex;align-items:center;color:#0096fb;font-size:1.1rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,150,251,.1)}.idea-example{margin-top:8px;font-size:.9em;color:hsla(0,0%,100%,.8);padding:12px;background:rgba(0,21,41,.2);border-radius:6px;border-left:3px solid rgba(0,150,251,.4)}.channel-card{transition:all .3s ease}.channel-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.2),0 0 12px rgba(0,150,251,.1)}.customer-journey-sections{display:flex;flex-direction:column;gap:32px;margin-top:32px}.journey-phase-section{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2)}.journey-phase-section h3{color:#0096fb;font-size:1.4rem;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(0,150,251,.2);display:flex;align-items:center;gap:12px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.phase-icon{font-size:1.6rem}@media (max-width:768px){.channel-grid{grid-template-columns:1fr}.journey-phase-section{padding:16px}.journey-phase-section h3{font-size:1.2rem}}.no-ideas-message{background:rgba(0,21,41,.3);padding:20px;border-radius:8px;border:1px dashed rgba(0,150,251,.2);color:hsla(0,0%,100%,.8);text-align:center;font-style:italic}.no-ideas-message p{margin:0;line-height:1.5}.tone-of-voice-section{background:linear-gradient(180deg,rgba(0,21,41,.9),rgba(0,21,41,.7));padding:32px;border-radius:16px;margin-bottom:40px;border:2px solid rgba(0,150,251,.4);box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 0 1px rgba(0,150,251,.1)}.tone-of-voice-section h3{color:#0096fb;font-size:1.6rem;margin-bottom:24px;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(0,150,251,.2)}.tone-icon{font-size:1.8em;background:rgba(0,150,251,.1);padding:8px;border-radius:12px}.tone-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.tone-advice,.tone-strategy{background:rgba(0,21,41,.5);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2)}.tone-content h4{color:#0096fb;font-size:1.2rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(0,150,251,.1)}.tone-content p{font-size:1.1em;line-height:1.6;color:hsla(0,0%,100%,.9)}@media (max-width:768px){.tone-content{grid-template-columns:1fr}.tone-of-voice-section{padding:24px}.tone-of-voice-section h3{font-size:1.4rem}}.loading-animation{margin:0 auto 20px;border-radius:12px;background:rgba(0,21,41,.3);width:320px;height:220px;object-fit:cover}@media (max-width:768px){.loading-animation{width:280px;height:193px}}.certifications{display:flex;flex-direction:column;gap:24px;margin-top:20px}.certification-item{background:rgba(0,21,41,.3);padding:24px;border-radius:12px;border:1px solid rgba(0,150,251,.2);transition:all .3s ease}.certification-item:hover{background:rgba(0,21,41,.4);border-color:rgba(0,150,251,.3);transform:translateY(-2px)}.certification-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.certification-header h3{font-size:1.1rem;color:#0096fb}.cert-icon{font-size:1.4em;background:rgba(0,150,251,.1);padding:8px;border-radius:8px}.progress-fill.completed{background:linear-gradient(90deg,#0096fb,#00ff9d)}.certification-description{color:hsla(0,0%,100%,.9);font-size:.95rem;line-height:1.6;margin-bottom:20px;padding:0 4px}