:root{--container-padding: clamp(1rem, 1.5vw, 2rem);--border-radius-sm: 8px;--border-radius-md: 16px;--transition-speed: .3s;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--font-family: "Montserrat", sans-serif;--font-headline-large: 2rem;--font-headline-medium: 1.75rem;--font-headline-small: 1.5rem;--font-title-large: 1.375rem;--font-title-medium: 1rem;--font-body-large: 1rem;--font-body-medium: .875rem;--font-body-small: .75rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}.silver-light{--md-primary: rgb(54 97 142);--md-surface-tint: rgb(54 97 142);--md-on-primary: rgb(255 255 255);--md-primary-container: rgb(210 228 255);--md-on-primary-container: rgb(26 73 117);--md-secondary: rgb(83 95 112);--md-on-secondary: rgb(255 255 255);--md-secondary-container: rgb(215 227 248);--md-on-secondary-container: rgb(60 72 88);--md-tertiary: rgb(107 87 120);--md-on-tertiary: rgb(255 255 255);--md-tertiary-container: rgb(243 218 255);--md-on-tertiary-container: rgb(83 63 95);--md-error: rgb(186 26 26);--md-on-error: rgb(255 255 255);--md-error-container: rgb(255 218 214);--md-on-error-container: rgb(147 0 10);--md-background: rgb(248 249 255);--md-on-background: rgb(25 28 32);--md-surface: rgb(248 249 255);--md-on-surface: rgb(25 28 32);--md-surface-variant: rgb(223 226 235);--md-on-surface-variant: rgb(67 71 78);--md-outline: rgb(115 119 127);--md-outline-variant: rgb(195 198 207);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(46 49 53);--md-inverse-on-surface: rgb(239 240 247);--md-inverse-primary: rgb(161 202 253);--md-primary-fixed: rgb(210 228 255);--md-on-primary-fixed: rgb(0 29 54);--md-primary-fixed-dim: rgb(161 202 253);--md-on-primary-fixed-variant: rgb(26 73 117);--md-secondary-fixed: rgb(215 227 248);--md-on-secondary-fixed: rgb(16 28 43);--md-secondary-fixed-dim: rgb(187 199 219);--md-on-secondary-fixed-variant: rgb(60 72 88);--md-tertiary-fixed: rgb(243 218 255);--md-on-tertiary-fixed: rgb(37 20 49);--md-tertiary-fixed-dim: rgb(215 190 228);--md-on-tertiary-fixed-variant: rgb(83 63 95);--md-surface-dim: rgb(216 218 224);--md-surface-bright: rgb(248 249 255);--md-surface-container-lowest: rgb(255 255 255);--md-surface-container-low: rgb(242 243 250);--md-surface-container: rgb(236 238 244);--md-surface-container-high: rgb(230 232 238);--md-surface-container-highest: rgb(225 226 232)}.silver-dark{--md-primary: rgb(161 202 253);--md-surface-tint: rgb(161 202 253);--md-on-primary: rgb(0 50 89);--md-primary-container: rgb(26 73 117);--md-on-primary-container: rgb(210 228 255);--md-secondary: rgb(187 199 219);--md-on-secondary: rgb(37 49 64);--md-secondary-container: rgb(60 72 88);--md-on-secondary-container: rgb(215 227 248);--md-tertiary: rgb(215 190 228);--md-on-tertiary: rgb(59 41 71);--md-tertiary-container: rgb(83 63 95);--md-on-tertiary-container: rgb(243 218 255);--md-error: rgb(255 180 171);--md-on-error: rgb(105 0 5);--md-error-container: rgb(147 0 10);--md-on-error-container: rgb(255 218 214);--md-background: rgb(17 20 24);--md-on-background: rgb(225 226 232);--md-surface: rgb(17 20 24);--md-on-surface: rgb(225 226 232);--md-surface-variant: rgb(67 71 78);--md-on-surface-variant: rgb(195 198 207);--md-outline: rgb(141 145 153);--md-outline-variant: rgb(67 71 78);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(225 226 232);--md-inverse-on-surface: rgb(46 49 53);--md-inverse-primary: rgb(54 97 142);--md-primary-fixed: rgb(210 228 255);--md-on-primary-fixed: rgb(0 29 54);--md-primary-fixed-dim: rgb(161 202 253);--md-on-primary-fixed-variant: rgb(26 73 117);--md-secondary-fixed: rgb(215 227 248);--md-on-secondary-fixed: rgb(16 28 43);--md-secondary-fixed-dim: rgb(187 199 219);--md-on-secondary-fixed-variant: rgb(60 72 88);--md-tertiary-fixed: rgb(243 218 255);--md-on-tertiary-fixed: rgb(37 20 49);--md-tertiary-fixed-dim: rgb(215 190 228);--md-on-tertiary-fixed-variant: rgb(83 63 95);--md-surface-dim: rgb(17 20 24);--md-surface-bright: rgb(54 57 62);--md-surface-container-lowest: rgb(11 14 19);--md-surface-container-low: rgb(25 28 32);--md-surface-container: rgb(29 32 36);--md-surface-container-high: rgb(39 42 47);--md-surface-container-highest: rgb(50 53 58)}.lavender-light{--md-primary: rgb(123 78 128);--md-surface-tint: rgb(123 78 128);--md-on-primary: rgb(255 255 255);--md-primary-container: rgb(255 214 255);--md-on-primary-container: rgb(97 55 103);--md-secondary: rgb(107 88 107);--md-on-secondary: rgb(255 255 255);--md-secondary-container: rgb(244 219 242);--md-on-secondary-container: rgb(82 65 83);--md-tertiary: rgb(130 82 75);--md-on-tertiary: rgb(255 255 255);--md-tertiary-container: rgb(255 218 213);--md-on-tertiary-container: rgb(103 59 53);--md-error: rgb(186 26 26);--md-on-error: rgb(255 255 255);--md-error-container: rgb(255 218 214);--md-on-error-container: rgb(147 0 10);--md-background: rgb(255 247 250);--md-on-background: rgb(31 26 31);--md-surface: rgb(255 247 250);--md-on-surface: rgb(31 26 31);--md-surface-variant: rgb(236 223 233);--md-on-surface-variant: rgb(77 68 76);--md-outline: rgb(126 116 125);--md-outline-variant: rgb(208 195 204);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(53 47 52);--md-inverse-on-surface: rgb(249 238 245);--md-inverse-primary: rgb(234 181 237);--md-primary-fixed: rgb(255 214 255);--md-on-primary-fixed: rgb(48 9 56);--md-primary-fixed-dim: rgb(234 181 237);--md-on-primary-fixed-variant: rgb(97 55 103);--md-secondary-fixed: rgb(244 219 242);--md-on-secondary-fixed: rgb(37 23 38);--md-secondary-fixed-dim: rgb(215 191 213);--md-on-secondary-fixed-variant: rgb(82 65 83);--md-tertiary-fixed: rgb(255 218 213);--md-on-tertiary-fixed: rgb(51 17 13);--md-tertiary-fixed-dim: rgb(246 184 174);--md-on-tertiary-fixed-variant: rgb(103 59 53);--md-surface-dim: rgb(226 215 222);--md-surface-bright: rgb(255 247 250);--md-surface-container-lowest: rgb(255 255 255);--md-surface-container-low: rgb(252 240 248);--md-surface-container: rgb(246 235 242);--md-surface-container-high: rgb(240 229 236);--md-surface-container-highest: rgb(234 223 230)}.lavender-dark{--md-primary: rgb(234 181 237);--md-surface-tint: rgb(234 181 237);--md-on-primary: rgb(72 32 79);--md-primary-container: rgb(97 55 103);--md-on-primary-container: rgb(255 214 255);--md-secondary: rgb(215 191 213);--md-on-secondary: rgb(59 43 60);--md-secondary-container: rgb(82 65 83);--md-on-secondary-container: rgb(244 219 242);--md-tertiary: rgb(246 184 174);--md-on-tertiary: rgb(76 37 32);--md-tertiary-container: rgb(103 59 53);--md-on-tertiary-container: rgb(255 218 213);--md-error: rgb(255 180 171);--md-on-error: rgb(105 0 5);--md-error-container: rgb(147 0 10);--md-on-error-container: rgb(255 218 214);--md-background: rgb(23 18 23);--md-on-background: rgb(234 223 230);--md-surface: rgb(23 18 23);--md-on-surface: rgb(234 223 230);--md-surface-variant: rgb(77 68 76);--md-on-surface-variant: rgb(208 195 204);--md-outline: rgb(153 141 150);--md-outline-variant: rgb(77 68 76);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(234 223 230);--md-inverse-on-surface: rgb(53 47 52);--md-inverse-primary: rgb(123 78 128);--md-primary-fixed: rgb(255 214 255);--md-on-primary-fixed: rgb(48 9 56);--md-primary-fixed-dim: rgb(234 181 237);--md-on-primary-fixed-variant: rgb(97 55 103);--md-secondary-fixed: rgb(244 219 242);--md-on-secondary-fixed: rgb(37 23 38);--md-secondary-fixed-dim: rgb(215 191 213);--md-on-secondary-fixed-variant: rgb(82 65 83);--md-tertiary-fixed: rgb(255 218 213);--md-on-tertiary-fixed: rgb(51 17 13);--md-tertiary-fixed-dim: rgb(246 184 174);--md-on-tertiary-fixed-variant: rgb(103 59 53);--md-surface-dim: rgb(23 18 23);--md-surface-bright: rgb(62 55 61);--md-surface-container-lowest: rgb(17 13 17);--md-surface-container-low: rgb(31 26 31);--md-surface-container: rgb(35 30 35);--md-surface-container-high: rgb(46 40 45);--md-surface-container-highest: rgb(57 51 56)}.cookie-light{--md-primary: rgb(142 77 46);--md-surface-tint: rgb(142 77 46);--md-on-primary: rgb(255 255 255);--md-primary-container: rgb(255 219 204);--md-on-primary-container: rgb(113 54 25);--md-secondary: rgb(119 87 74);--md-on-secondary: rgb(255 255 255);--md-secondary-container: rgb(255 219 204);--md-on-secondary-container: rgb(93 64 52);--md-tertiary: rgb(102 95 48);--md-on-tertiary: rgb(255 255 255);--md-tertiary-container: rgb(238 228 169);--md-on-tertiary-container: rgb(78 71 27);--md-error: rgb(186 26 26);--md-on-error: rgb(255 255 255);--md-error-container: rgb(255 218 214);--md-on-error-container: rgb(147 0 10);--md-background: rgb(255 248 246);--md-on-background: rgb(35 26 22);--md-surface: rgb(255 248 246);--md-on-surface: rgb(35 26 22);--md-surface-variant: rgb(244 222 213);--md-on-surface-variant: rgb(82 68 61);--md-outline: rgb(133 115 108);--md-outline-variant: rgb(216 194 186);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(56 46 42);--md-inverse-on-surface: rgb(255 237 231);--md-inverse-primary: rgb(255 181 149);--md-primary-fixed: rgb(255 219 204);--md-on-primary-fixed: rgb(53 16 0);--md-primary-fixed-dim: rgb(255 181 149);--md-on-primary-fixed-variant: rgb(113 54 25);--md-secondary-fixed: rgb(255 219 204);--md-on-secondary-fixed: rgb(44 22 12);--md-secondary-fixed-dim: rgb(230 190 173);--md-on-secondary-fixed-variant: rgb(93 64 52);--md-tertiary-fixed: rgb(238 228 169);--md-on-tertiary-fixed: rgb(32 28 0);--md-tertiary-fixed-dim: rgb(210 199 143);--md-on-tertiary-fixed-variant: rgb(78 71 27);--md-surface-dim: rgb(232 214 208);--md-surface-bright: rgb(255 248 246);--md-surface-container-lowest: rgb(255 255 255);--md-surface-container-low: rgb(255 241 236);--md-surface-container: rgb(252 234 228);--md-surface-container-high: rgb(246 229 222);--md-surface-container-highest: rgb(241 223 216)}.cookie-dark{--md-primary: rgb(255 181 149);--md-surface-tint: rgb(255 181 149);--md-on-primary: rgb(84 33 5);--md-primary-container: rgb(113 54 25);--md-on-primary-container: rgb(255 219 204);--md-secondary: rgb(230 190 173);--md-on-secondary: rgb(68 42 31);--md-secondary-container: rgb(93 64 52);--md-on-secondary-container: rgb(255 219 204);--md-tertiary: rgb(210 199 143);--md-on-tertiary: rgb(54 49 6);--md-tertiary-container: rgb(78 71 27);--md-on-tertiary-container: rgb(238 228 169);--md-error: rgb(255 180 171);--md-on-error: rgb(105 0 5);--md-error-container: rgb(147 0 10);--md-on-error-container: rgb(255 218 214);--md-background: rgb(26 18 14);--md-on-background: rgb(241 223 216);--md-surface: rgb(26 18 14);--md-on-surface: rgb(241 223 216);--md-surface-variant: rgb(82 68 61);--md-on-surface-variant: rgb(216 194 186);--md-outline: rgb(160 141 133);--md-outline-variant: rgb(82 68 61);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(241 223 216);--md-inverse-on-surface: rgb(56 46 42);--md-inverse-primary: rgb(142 77 46);--md-primary-fixed: rgb(255 219 204);--md-on-primary-fixed: rgb(53 16 0);--md-primary-fixed-dim: rgb(255 181 149);--md-on-primary-fixed-variant: rgb(113 54 25);--md-secondary-fixed: rgb(255 219 204);--md-on-secondary-fixed: rgb(44 22 12);--md-secondary-fixed-dim: rgb(230 190 173);--md-on-secondary-fixed-variant: rgb(93 64 52);--md-tertiary-fixed: rgb(238 228 169);--md-on-tertiary-fixed: rgb(32 28 0);--md-tertiary-fixed-dim: rgb(210 199 143);--md-on-tertiary-fixed-variant: rgb(78 71 27);--md-surface-dim: rgb(26 18 14);--md-surface-bright: rgb(66 55 51);--md-surface-container-lowest: rgb(20 12 9);--md-surface-container-low: rgb(35 26 22);--md-surface-container: rgb(39 30 26);--md-surface-container-high: rgb(50 40 36);--md-surface-container-highest: rgb(61 51 46)}.forest-light{--md-primary: rgb(61 104 56);--md-surface-tint: rgb(61 104 56);--md-on-primary: rgb(255 255 255);--md-primary-container: rgb(189 240 179);--md-on-primary-container: rgb(37 80 35);--md-secondary: rgb(83 99 78);--md-on-secondary: rgb(255 255 255);--md-secondary-container: rgb(214 232 206);--md-on-secondary-container: rgb(60 75 56);--md-tertiary: rgb(56 101 106);--md-on-tertiary: rgb(255 255 255);--md-tertiary-container: rgb(188 235 240);--md-on-tertiary-container: rgb(30 77 82);--md-error: rgb(186 26 26);--md-on-error: rgb(255 255 255);--md-error-container: rgb(255 218 214);--md-on-error-container: rgb(147 0 10);--md-background: rgb(247 251 241);--md-on-background: rgb(25 29 23);--md-surface: rgb(247 251 241);--md-on-surface: rgb(25 29 23);--md-surface-variant: rgb(222 229 216);--md-on-surface-variant: rgb(66 73 63);--md-outline: rgb(115 121 111);--md-outline-variant: rgb(194 200 189);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(45 50 43);--md-inverse-on-surface: rgb(239 242 232);--md-inverse-primary: rgb(162 211 153);--md-primary-fixed: rgb(189 240 179);--md-on-primary-fixed: rgb(0 34 3);--md-primary-fixed-dim: rgb(162 211 153);--md-on-primary-fixed-variant: rgb(37 80 35);--md-secondary-fixed: rgb(214 232 206);--md-on-secondary-fixed: rgb(17 31 15);--md-secondary-fixed-dim: rgb(186 204 179);--md-on-secondary-fixed-variant: rgb(60 75 56);--md-tertiary-fixed: rgb(188 235 240);--md-on-tertiary-fixed: rgb(0 32 34);--md-tertiary-fixed-dim: rgb(160 207 211);--md-on-tertiary-fixed-variant: rgb(30 77 82);--md-surface-dim: rgb(216 219 210);--md-surface-bright: rgb(247 251 241);--md-surface-container-lowest: rgb(255 255 255);--md-surface-container-low: rgb(242 245 235);--md-surface-container: rgb(236 239 230);--md-surface-container-high: rgb(230 233 224);--md-surface-container-highest: rgb(224 228 218)}.forest-dark{--md-primary: rgb(162 211 153);--md-surface-tint: rgb(162 211 153);--md-on-primary: rgb(12 57 14);--md-primary-container: rgb(37 80 35);--md-on-primary-container: rgb(189 240 179);--md-secondary: rgb(186 204 179);--md-on-secondary: rgb(38 52 35);--md-secondary-container: rgb(60 75 56);--md-on-secondary-container: rgb(214 232 206);--md-tertiary: rgb(160 207 211);--md-on-tertiary: rgb(0 54 59);--md-tertiary-container: rgb(30 77 82);--md-on-tertiary-container: rgb(188 235 240);--md-error: rgb(255 180 171);--md-on-error: rgb(105 0 5);--md-error-container: rgb(147 0 10);--md-on-error-container: rgb(255 218 214);--md-background: rgb(16 20 15);--md-on-background: rgb(224 228 218);--md-surface: rgb(16 20 15);--md-on-surface: rgb(224 228 218);--md-surface-variant: rgb(66 73 63);--md-on-surface-variant: rgb(194 200 189);--md-outline: rgb(140 147 136);--md-outline-variant: rgb(66 73 63);--md-shadow: rgb(0 0 0);--md-scrim: rgb(0 0 0);--md-inverse-surface: rgb(224 228 218);--md-inverse-on-surface: rgb(45 50 43);--md-inverse-primary: rgb(61 104 56);--md-primary-fixed: rgb(189 240 179);--md-on-primary-fixed: rgb(0 34 3);--md-primary-fixed-dim: rgb(162 211 153);--md-on-primary-fixed-variant: rgb(37 80 35);--md-secondary-fixed: rgb(214 232 206);--md-on-secondary-fixed: rgb(17 31 15);--md-secondary-fixed-dim: rgb(186 204 179);--md-on-secondary-fixed-variant: rgb(60 75 56);--md-tertiary-fixed: rgb(188 235 240);--md-on-tertiary-fixed: rgb(0 32 34);--md-tertiary-fixed-dim: rgb(160 207 211);--md-on-tertiary-fixed-variant: rgb(30 77 82);--md-surface-dim: rgb(16 20 15);--md-surface-bright: rgb(54 58 52);--md-surface-container-lowest: rgb(11 15 10);--md-surface-container-low: rgb(25 29 23);--md-surface-container: rgb(29 33 27);--md-surface-container-high: rgb(39 43 37);--md-surface-container-highest: rgb(50 54 48)}body{margin:0;font-family:var(--font-family);background:var(--md-background);color:var(--md-on-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:-.02em}span{font-family:var(--font-family)}*{box-sizing:border-box}.col-1{width:8.33%}.col-2{width:16.66%}.col-3{width:25%}.col-4{width:33.33%}.col-5{width:41.66%}.col-6{width:50%}.col-7{width:58.33%}.col-8{width:66.66%}.col-9{width:75%}.col-10{width:83.33%}.col-11{width:91.66%}.col-12{width:100%}body:not(.dark-mode-preloading){transition:all .3s linear}.grid-cards{display:grid;--card-min: 260px;--cards-gap: clamp(20px, 4vw, 32px);--cards-columns: auto-fit;grid-template-columns:repeat(var(--cards-columns),minmax(var(--card-min),1fr));gap:var(--cards-gap);margin:0 auto;box-sizing:border-box;justify-content:center}.grid-cards.wide{max-width:1400px}.grid-cards.narrow{max-width:900px}.grid-cards.compact{--card-min: clamp(250px, 24vw, 300px);--cards-gap: clamp(13px, 2.2vw, 21px)}@media(max-width:768px){.grid-cards{--card-min: clamp(260px, 85vw, 400px);--cards-gap: clamp(16px, 5vw, 24px)}}@media(max-width:569px){.grid-cards{--card-min: 100%;--cards-gap: clamp(16px, 4vw, 24px);grid-template-columns:1fr;justify-items:center}}@media(max-width:480px){.grid-cards{--cards-gap: 1rem}}.grid-cards .fade-up-config{opacity:0;animation-fill-mode:forwards;animation-delay:calc(var(--stagger-delay, .15s) * var(--stagger-index, 0))}.grid-cards.auto-stagger>*:nth-child(1){--stagger-index: 0}.grid-cards.auto-stagger>*:nth-child(2){--stagger-index: 1}.grid-cards.auto-stagger>*:nth-child(3){--stagger-index: 2}.grid-cards.auto-stagger>*:nth-child(4){--stagger-index: 3}.grid-cards.auto-stagger>*:nth-child(5){--stagger-index: 4}.grid-cards.auto-stagger>*:nth-child(6){--stagger-index: 5}.grid-cards.auto-stagger>*:nth-child(7){--stagger-index: 6}.grid-cards.auto-stagger>*:nth-child(8){--stagger-index: 7}.grid-cards.auto-stagger>*:nth-child(9){--stagger-index: 8}.grid-cards.auto-stagger>*:nth-child(10){--stagger-index: 9}.grid-cards.auto-stagger>*:nth-child(11){--stagger-index: 10}.grid-cards.auto-stagger>*:nth-child(12){--stagger-index: 11}body.overflow-hidden{overflow:hidden}.social-media a{display:inline-flex}.icon-bg{position:relative;border-radius:50%;box-sizing:content-box;padding:15px;margin:10px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition-duration:.3s}.icon-bg,.social-media .svg{width:25px;height:25px}.social-media .linkedin:hover{background-color:#3b5999;color:#fff}.social-media .github:hover{background-color:#333;color:#fff}.fade-up-config{animation:fade-up-anim 1s both}.fade-left-config{animation:fade-left-anim 1s both}@keyframes flip{0%,80%{transform:rotateY(360deg)}}@keyframes fade-up-anim{0%{transform:translate3d(0,60px,0)}to{transform:translateZ(0);opacity:1}}@keyframes fade-down-anim{0%{transform:translate3d(0,-40px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fade-left-anim{0%{transform:translate3d(-60px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes fade-right-anim{0%{transform:translate3d(60px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes octo-eyes-appear{0%{opacity:0}50%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:0}@media screen and (min-width:768px){::-webkit-scrollbar{width:10px;background-color:var(--md-tertiary)}::-webkit-scrollbar-track{background-color:var(--md-tertiary);border-radius:100px}::-webkit-scrollbar-thumb{background-color:var(--md-tertiary-container);border-radius:100px;border:2px solid transparent;background-clip:content-box;transition:background-color var(--transition-speed)}}.primary-button,.secondary-button,.outline-button{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-body-large);text-decoration:none;transition:all var(--transition-speed);cursor:pointer;border:none;min-width:140px;justify-content:center}.primary-button svg-icon,.secondary-button svg-icon,.outline-button svg-icon{width:18px;height:18px}.primary-button{background:var(--md-primary);color:var(--md-on-primary)}.primary-button svg-icon{background-color:var(--md-on-primary)}.primary-button:hover{background:var(--md-primary-container);color:var(--md-on-primary-container);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.primary-button:hover svg-icon{background-color:var(--md-on-primary-container)}.secondary-button{background:var(--md-surface-variant);color:var(--md-on-surface-variant);border:1px solid var(--md-outline)}.secondary-button svg-icon{background-color:var(--md-on-surface-variant)}.secondary-button:hover{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:var(--md-secondary);transform:translateY(-2px)}.secondary-button:hover svg-icon{background-color:var(--md-on-secondary-container)}.outline-button{background:transparent;color:var(--md-on-surface);border:2px solid var(--md-outline);box-shadow:none}.outline-button svg-icon{background-color:var(--md-on-surface)}.outline-button:hover{border-color:var(--md-primary);transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}