body{background:#f8fafc;font-family:'DM Sans',sans-serif;color:#1e293b;margin:0;padding:0;overflow-x:hidden}.whitepapers-hero{position:relative;background:linear-gradient(135deg,#fff 0,#f0f9ff 50%,#e0f2fe 100%);color:#0f172a;padding:5rem 2rem 4rem 2rem;text-align:center;margin:100px auto 60px auto;max-width:1400px;border-radius:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 25px 70px rgba(14,165,233,.15),0 10px 40px rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.1)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.03;background-image:linear-gradient(rgba(14,165,233,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.3) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 25s linear infinite}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}.hero-gradient-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:morphBlob 30s ease-in-out infinite;mix-blend-mode:multiply}.blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.5),rgba(96,165,250,.25));top:-180px;left:-180px;animation-delay:0s}.blob-2{width:450px;height:450px;background:radial-gradient(circle,rgba(14,165,233,.5),rgba(34,211,238,.25));bottom:-150px;right:-150px;animation-delay:10s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,.4),rgba(147,197,253,.2));top:40%;left:50%;animation-delay:5s}.blob-4{width:350px;height:350px;background:radial-gradient(circle,rgba(125,211,252,.4),rgba(186,230,253,.2));bottom:25%;left:15%;animation-delay:15s}@keyframes morphBlob{0%,100%{transform:translate(0,0) scale(1) rotate(0);border-radius:50%}25%{transform:translate(100px,-100px) scale(1.3) rotate(90deg);border-radius:45% 55% 60% 40%/50% 45% 55% 50%}50%{transform:translate(-80px,120px) scale(.85) rotate(180deg);border-radius:60% 40% 50% 50%/55% 50% 50% 45%}75%{transform:translate(120px,80px) scale(1.15) rotate(270deg);border-radius:40% 60% 55% 45%/60% 40% 60% 40%}}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.particle{position:absolute;background:rgba(59,130,246,.6);border-radius:50%;box-shadow:0 0 15px rgba(59,130,246,.4)}.particle-small{width:4px;height:4px;animation:particleFloatSmall 22s linear infinite}.particle-medium{width:6px;height:6px;animation:particleFloatMedium 28s linear infinite}.particle-large{width:8px;height:8px;animation:particleFloatLarge 35s linear infinite}@keyframes particleFloatSmall{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.6}100%{transform:translateY(-25vh) translateX(60px) scale(1.2);opacity:0}}@keyframes particleFloatMedium{0%{transform:translateY(100vh) translateX(0) rotate(0) scale(0);opacity:0}10%{opacity:.9}90%{opacity:.5}100%{transform:translateY(-35vh) translateX(-100px) rotate(360deg) scale(1.4);opacity:0}}@keyframes particleFloatLarge{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:.4}100%{transform:translateY(-45vh) translateX(140px) scale(1.6);opacity:0}}.hero-content{position:relative;z-index:3;max-width:950px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 24px;border-radius:60px;font-size:.85rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:1.5rem;border:2px solid rgba(59,130,246,.2);box-shadow:0 10px 40px rgba(59,130,246,.15),inset 0 1px 0 #fff;animation:badgeFloat 3s ease-in-out infinite;position:relative;overflow:hidden;color:#0284c7}.hero-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);animation:shimmer 3s infinite}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.hero-badge i{font-size:1rem}.hero-content h1{font-size:3.5rem;font-weight:900;margin:0 0 1.5rem 0;line-height:1.15;background:linear-gradient(135deg,#0f172a 0,#0284c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleFadeIn 1s ease-out}@keyframes titleFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-highlight{position:relative;display:inline-block;font-weight:900}.hero-highlight::before{content:attr(data-text);position:absolute;left:2px;top:2px;z-index:-1;background:linear-gradient(135deg,#0ea5e9,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;filter:blur(2px)}.hero-content p{font-size:1.25rem;line-height:1.8;color:#334155;max-width:750px;margin:0 auto 2.5rem auto;font-weight:400;animation:textFadeIn 1s ease-out .2s both}@keyframes textFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2.5rem;flex-wrap:wrap;animation:statsFadeIn 1s ease-out .4s both}@keyframes statsFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:20px;border:2px solid rgba(59,130,246,.2);box-shadow:0 10px 30px rgba(59,130,246,.1),inset 0 1px 0 rgba(255,255,255,.8);transition:all .3s ease;position:relative;overflow:hidden}.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6);transform:translateX(-100%);transition:transform .6s ease}.stat-item:hover::before{transform:translateX(0)}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(59,130,246,.2),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(59,130,246,.4)}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#0ea5e9,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.95rem;color:#64748b;font-weight:600;letter-spacing:.5px;text-align:center}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;z-index:5;animation:indicatorFloat 2s ease-in-out infinite}@keyframes indicatorFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.scroll-indicator-line{width:2px;height:50px;background:linear-gradient(to bottom,#0ea5e9,transparent);border-radius:2px}.scroll-indicator i{color:#0ea5e9;font-size:1.2rem;animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}.hero-floating-icon{position:absolute;font-size:2.5rem;color:rgba(59,130,246,.15);animation:iconFloat 20s ease-in-out infinite;z-index:2;filter:drop-shadow(0 5px 15px rgba(59, 130, 246, .2))}.icon-1{top:15%;left:8%;animation-delay:0s}.icon-2{top:25%;right:10%;animation-delay:2s}.icon-3{bottom:20%;left:12%;animation-delay:4s}.icon-4{top:45%;right:8%;animation-delay:6s}.icon-5{bottom:35%;right:15%;animation-delay:8s}.icon-6{top:60%;left:10%;animation-delay:10s}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-25px) rotate(5deg) scale(1.05)}50%{transform:translateY(-15px) rotate(-5deg) scale(.95)}75%{transform:translateY(-30px) rotate(3deg) scale(1.03)}}.whitepapers-section{padding:80px 20px;max-width:1400px;margin:0 auto}.section-intro{text-align:center;margin-bottom:60px}.section-intro h2{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:1rem;background:linear-gradient(135deg,#0f172a 0,#0284c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-intro p{font-size:1.2rem;color:#64748b;max-width:800px;margin:0 auto;line-height:1.8}.whitepapers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.whitepaper-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(14,165,233,.1);transition:all .4s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(59,130,246,.1);position:relative}.whitepaper-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .4s ease}.whitepaper-card:hover::before{transform:scaleX(1)}.whitepaper-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(14,165,233,.2);border-color:rgba(59,130,246,.3)}.card-icon{background:linear-gradient(135deg,#0ea5e9 0,#3b82f6 100%);color:#fff;padding:40px 30px;text-align:center;position:relative;overflow:hidden}.card-icon::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:iconGlow 4s linear infinite}@keyframes iconGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(50%,50%) scale(1.5)}}.card-icon i{font-size:4rem;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.card-content{padding:30px}.card-badge{display:inline-block;background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);color:#0284c7;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;border:1px solid rgba(59,130,246,.2)}.card-content h3{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 15px 0;line-height:1.3}.card-description{color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:25px}.card-features{list-style:none;padding:0;margin:0 0 25px 0}.card-features li{display:flex;align-items:center;gap:10px;color:#475569;font-size:.95rem;margin-bottom:12px;font-weight:500}.card-features li i{color:#0ea5e9;font-size:1rem;flex-shrink:0}.download-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#0ea5e9 0,#3b82f6 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(14,165,233,.3);position:relative;overflow:hidden}.download-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.download-btn:hover::before{width:300px;height:300px}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(14,165,233,.4)}.download-btn:active{transform:translateY(0)}.download-btn i{font-size:1.1rem;position:relative;z-index:1}.download-btn span{position:relative;z-index:1}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px rgba(14,165,233,.3);animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);position:relative}@keyframes modalSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,#0ea5e9 0,#3b82f6 100%);color:#fff;padding:30px;position:relative;border-radius:24px 24px 0 0}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent);pointer-events:none}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;position:relative;z-index:1}.modal-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:2}.modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.modal-body{padding:30px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#1e293b;font-weight:600;font-size:.95rem}.form-group label .required{color:#ef4444;margin-left:2px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:'DM Sans',sans-serif;background:#f8fafc}.form-group input:focus{outline:0;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 4px rgba(14,165,233,.1)}.error-message{display:none;color:#ef4444;font-size:.85rem;margin-top:8px;font-weight:500}.submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#0ea5e9 0,#3b82f6 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(14,165,233,.3);font-family:'DM Sans',sans-serif}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(14,165,233,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.hero-content h1{font-size:2.5rem}.hero-stats{gap:2rem}.whitepapers-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:768px){.whitepapers-hero{padding:4rem 1.5rem 3rem 1.5rem;margin:80px 20px 40px 20px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem}.stat-item{width:100%;max-width:300px}.hero-floating-icon{display:none}.section-intro h2{font-size:2rem}}