|
|
@@ -0,0 +1,95 @@
|
|
|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 702 1386" fill="none">
|
|
|
+ <defs>
|
|
|
+ <radialGradient id="glow1" cx="15%" cy="70%" r="50%">
|
|
|
+ <stop offset="0%" stop-color="#2d9e95" stop-opacity="0.05"/>
|
|
|
+ <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
|
+ </radialGradient>
|
|
|
+ <radialGradient id="glow2" cx="85%" cy="20%" r="45%">
|
|
|
+ <stop offset="0%" stop-color="#4a7cff" stop-opacity="0.04"/>
|
|
|
+ <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
|
+ </radialGradient>
|
|
|
+ </defs>
|
|
|
+
|
|
|
+ <!-- White background -->
|
|
|
+ <rect width="702" height="1386" fill="#f8f9fc"/>
|
|
|
+
|
|
|
+ <!-- Subtle ambient glow -->
|
|
|
+ <rect width="702" height="1386" fill="url(#glow1)"/>
|
|
|
+ <rect width="702" height="1386" fill="url(#glow2)"/>
|
|
|
+
|
|
|
+ <!-- === Large faint hexagon - top right (structural) === -->
|
|
|
+ <g transform="translate(620, 200)" stroke="#c5d4ed" stroke-width="0.6" opacity="0.35" fill="none">
|
|
|
+ <polygon points="0,-280 242.5,-140 242.5,140 0,280 -242.5,140 -242.5,-140"/>
|
|
|
+ <polygon points="0,-240 207.8,-120 207.8,120 0,240 -207.8,120 -207.8,-120" opacity="0.45"/>
|
|
|
+ <polygon points="0,-200 173.2,-100 173.2,100 0,200 -173.2,100 -173.2,-100" opacity="0.3"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Main hexagon cluster - center-left (anchor) === -->
|
|
|
+ <g transform="translate(130, 750)" stroke="#a8c4dd" fill="none">
|
|
|
+ <polygon points="0,-260 225.2,-130 225.2,130 0,260 -225.2,130 -225.2,-130" stroke-width="0.55" opacity="0.18"/>
|
|
|
+ <polygon points="0,-230 199.2,-115 199.2,115 0,230 -199.2,115 -199.2,-115" stroke-width="0.58" opacity="0.22"/>
|
|
|
+ <polygon points="0,-200 173.2,-100 173.2,100 0,200 -173.2,100 -173.2,-100" stroke-width="0.62" opacity="0.27"/>
|
|
|
+
|
|
|
+ <polygon points="0,-170 147.2,-85 147.2,85 0,170 -147.2,85 -147.2,-85" stroke-width="0.66" opacity="0.32"/>
|
|
|
+ <polygon points="0,-140 121.2,-65 121.2,65 0,140 -121.2,65 -121.2,-65" stroke-width="0.7" opacity="0.38"/>
|
|
|
+ <polygon points="0,-110 95.3,-55 95.3,55 0,110 -95.3,55 -95.3,-55" stroke-width="0.74" opacity="0.44"/>
|
|
|
+
|
|
|
+ <polygon points="0,-80 69.3,-40 69.3,40 0,80 -69.3,40 -69.3,-40" stroke-width="0.78" opacity="0.52"/>
|
|
|
+ <polygon points="0,-52 45,-26 45,26 0,52 -45,26 -45,-26" stroke-width="0.82" opacity="0.62"/>
|
|
|
+ <polygon points="0,-28 24.2,-14 24.2,14 0,28 -24.2,14 -24.2,-14" stroke-width="0.88" opacity="0.75"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Small hexagon - bottom left === -->
|
|
|
+ <g transform="translate(90, 1120)" stroke="#b8d0e3" fill="none">
|
|
|
+ <polygon points="0,-130 112.6,-65 112.6,65 0,130 -112.6,65 -112.6,-65" stroke-width="0.58" opacity="0.22"/>
|
|
|
+ <polygon points="0,-100 86.6,-50 86.6,50 0,100 -86.6,50 -86.6,-50" stroke-width="0.64" opacity="0.28"/>
|
|
|
+ <polygon points="0,-72 62.4,-36 62.4,36 0,72 -62.4,36 -62.4,-36" stroke-width="0.7" opacity="0.36"/>
|
|
|
+ <polygon points="0,-46 39.8,-23 39.8,23 0,46 -39.8,23 -39.8,-23" stroke-width="0.76" opacity="0.46"/>
|
|
|
+ <polygon points="0,-24 20.8,-12 20.8,12 0,24 -20.8,12 -20.8,-12" stroke-width="0.84" opacity="0.6"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Tiny hexagon - bottom right === -->
|
|
|
+ <g transform="translate(600, 1200)" stroke="#c5d4ed" fill="none">
|
|
|
+ <polygon points="0,-60 52,-30 52,30 0,60 -52,30 -52,-30" stroke-width="0.55" opacity="0.22"/>
|
|
|
+ <polygon points="0,-42 36.4,-21 36.4,21 0,42 -36.4,21 -36.4,-21" stroke-width="0.62" opacity="0.30"/>
|
|
|
+ <polygon points="0,-26 22.5,-13 22.5,13 0,26 -22.5,13 -22.5,-13" stroke-width="0.7" opacity="0.42"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Flowing diagonal lines === -->
|
|
|
+ <g stroke-linecap="round">
|
|
|
+ <line x1="-10" y1="180" x2="180" y2="340" stroke="#b8d0e3" stroke-width="0.6" opacity="0.25"/>
|
|
|
+ <line x1="30" y1="220" x2="230" y2="390" stroke="#c5d4ed" stroke-width="0.5" opacity="0.2"/>
|
|
|
+ <line x1="80" y1="270" x2="290" y2="450" stroke="#d0dde9" stroke-width="0.45" opacity="0.18"/>
|
|
|
+
|
|
|
+ <line x1="520" y1="80" x2="650" y2="220" stroke="#c5d4ed" stroke-width="0.5" opacity="0.22"/>
|
|
|
+ <line x1="550" y1="130" x2="690" y2="280" stroke="#d0dde9" stroke-width="0.45" opacity="0.18"/>
|
|
|
+ <line x1="580" y1="190" x2="700" y2="350" stroke="#b8d0e3" stroke-width="0.4" opacity="0.15"/>
|
|
|
+
|
|
|
+ <line x1="20" y1="980" x2="170" y2="1080" stroke="#d0dde9" stroke-width="0.45" opacity="0.2"/>
|
|
|
+ <line x1="500" y1="950" x2="640" y2="1060" stroke="#c5d4ed" stroke-width="0.4" opacity="0.16"/>
|
|
|
+ <line x1="250" y1="1250" x2="420" y2="1340" stroke="#b8d0e3" stroke-width="0.4" opacity="0.18"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Dot accents === -->
|
|
|
+ <g fill="#a8c4dd">
|
|
|
+ <circle cx="200" cy="160" r="1.2" opacity="0.4"/>
|
|
|
+ <circle cx="480" cy="380" r="1.4" opacity="0.32"/>
|
|
|
+ <circle cx="80" cy="520" r="1" opacity="0.28"/>
|
|
|
+ <circle cx="580" cy="620" r="1.2" opacity="0.25"/>
|
|
|
+ <circle cx="320" cy="1280" r="1.3" opacity="0.34"/>
|
|
|
+ <circle cx="650" cy="1050" r="1.1" opacity="0.26"/>
|
|
|
+ <circle cx="40" cy="800" r="1" opacity="0.22"/>
|
|
|
+ </g>
|
|
|
+ <g fill="#c5d4ed">
|
|
|
+ <circle cx="400" cy="120" r="1.2" opacity="0.32"/>
|
|
|
+ <circle cx="150" cy="380" r="1.1" opacity="0.26"/>
|
|
|
+ <circle cx="530" cy="900" r="1.3" opacity="0.24"/>
|
|
|
+ <circle cx="280" cy="1180" r="1" opacity="0.28"/>
|
|
|
+ <circle cx="620" cy="1350" r="1.2" opacity="0.2"/>
|
|
|
+ </g>
|
|
|
+
|
|
|
+ <!-- === Subtle arcs === -->
|
|
|
+ <path d="M-20,600 Q150,500 300,620" stroke="#c5d4ed" stroke-width="0.45" opacity="0.18" fill="none"/>
|
|
|
+ <path d="M450,200 Q580,320 680,280" stroke="#d0dde9" stroke-width="0.4" opacity="0.14" fill="none"/>
|
|
|
+ <path d="M100,1300 Q250,1220 400,1320" stroke="#b8d0e3" stroke-width="0.42" opacity="0.16" fill="none"/>
|
|
|
+</svg>
|