@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Triodion&display=swap";@import"https://fonts.googleapis.com/css2?family=Gloock&display=swap";:root{font-family:Roboto,Triodion,"Noto Serif",Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#213547;--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;--shadow-m: inset 0 1px 2px #ffffff50, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-l: inset 0 1px 2px #ffffff70, 0 4px 6px #00000030, 0 6px 10px #00000015;--blur-effect: blur(10px);--bg-light-glass: rgba(248, 248, 248, .5);--bg-dark-glass: rgba(18, 16, 38, .6);--border-radius: 10px}p{font-size:.9em;line-height:1.5;color:#252525}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#000}h1,h2{line-height:1.1;color:#000}button{all:unset;cursor:pointer}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media (max-width: 1024px){body{flex-direction:column}}@media (max-width: 768px){body{flex-direction:column}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:1.5;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-color-scheme: dark){body{background-color:#090c21;background-image:url(/bg-dark.svg);color:#e2e2e2}p,h1,h2,h3,h4,h5,h6{color:#e2e2e2}}[data-theme=dark] body{background-color:#090c21;color:#e2e2e2;background-image:url(/bg-dark.svg)}[data-theme=dark] p,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#e2e2e2}@media (prefers-color-scheme: light){body{background-color:#eacebc;color:#213547;background-image:url(/bg-light.svg)}a:hover{color:#000}h2{font-size:1em}p,h1,h2,h3,h4,h5,h6{color:#213547}}[data-theme=light] body{background-color:#eacebc;color:#213547;background-image:url(/bg-light.svg)}[data-theme=light] p,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#213547}.lazy-img-wrapper{position:relative}.lazy-img-skeleton{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#cecece;background-image:linear-gradient(90deg,#cecece,#bebebe,#cecece);background-size:200px 100%;background-repeat:no-repeat;animation:skeleton-animation 2s ease-in-out infinite;z-index:100}.lazy-img-skeleton.dark{background-color:#1f1d38;background-image:linear-gradient(90deg,#1f1d38,#25213f,#1f1d38)}.lazy-img-skeleton.light{background-color:#e9dad0;background-image:linear-gradient(90deg,#e9dad0,#dfd0c6,#e9dad0)}@keyframes skeleton-animation{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.dialog{top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #0f0e2a;border-radius:10px;padding-block:.8rem;padding-inline:.8rem;width:100%;max-width:400px}.dialog.light{background-color:#fff;box-shadow:var(--shadow-l)}.dialog.dark{background-color:#1e1e2a;box-shadow:var(--shadow-m)}.dialog-header{display:flex;gap:6rem;justify-content:space-between}.dialog-header p{font-weight:600}.dialog-close{transition:opacity .2s ease-in-out}.dialog-close.light{color:#000}.dialog-close.dark{color:#fff}.dialog-close:hover{opacity:.5}.dialog-link-container{margin-top:1rem;padding:10px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.dialog-link-container.light{background-color:#f0f0f0}.dialog-link-container.dark{background-color:#111119}.dialog-link-container p{font-size:12px}.dialog-link-container.light p{color:#000}.dialog-link-container.dark p{color:#f1f1f1}.dialog-copy{transition:opacity .2s ease-in-out}.dialog-copy.light{color:#000}.dialog-copy.dark{color:#f1f1f1}.dialog-copy:hover{opacity:.5}.dialog-actions{margin-top:1rem;display:flex;gap:.8rem;justify-content:flex-end}.dialog-exit{padding:6px 12px;border-radius:10px;color:#fff;font-weight:600;font-size:14px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.dialog-exit.light{background:#762d20;color:#fff;box-shadow:var(--shadow-m)}.dialog-exit.dark{background:tomato;color:#fff;box-shadow:var(--shadow-l)}.dialog-exit.light:hover{background-color:tomato;color:#fff}.dialog-exit.dark:hover{background-color:#ff3f1d;color:#fff}dialog::backdrop{background:#0009}.header{width:100%;height:50px;padding-inline:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8d8d8d;flex-wrap:wrap}.navbar{display:flex;align-items:end;gap:10px}.navbar-item-light,.navbar-item-dark{list-style:none;transition:color .2s ease-in-out}.navbar-item-light{color:#000}.navbar-item-light:hover{color:#762d20}.navbar-item-dark{color:#fff}.navbar-item-dark:hover{color:tomato}.theme-label{text-transform:capitalize}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;padding:6px 10px;background-color:#333;color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;animation:fadeIn .2s ease-in-out}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#333}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#333}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#333}.language-toggle-button{transition:color .2s ease;padding:4px 8px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:border .2s ease}.language-toggle-button.light{box-shadow:var(--shadow-s)}.language-toggle-button.dark{box-shadow:var(--shadow-m)}@media (prefers-color-scheme: dark){.language-toggle-button:hover{box-shadow:var(--shadow-l)}}@media (prefers-color-scheme: light){.language-toggle-button:hover{box-shadow:var(--shadow-m)}}[data-theme=light] .language-toggle-button:hover{box-shadow:var(--shadow-m)}[data-theme=dark] .language-toggle-button:hover{box-shadow:var(--shadow-l)}.footer{width:100%;min-height:50px;padding-inline:10px;padding-block:5px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8d8d8d;flex-wrap:wrap;gap:4px}.social-button{padding:.1rem .5rem;cursor:pointer;border-radius:10px;display:flex;border:.8px solid #1a1a1a}.select-button{border-radius:10px;cursor:pointer;display:flex;font-weight:500;font-family:roboto,Inter,system-ui;font-size:12px;border:.8px solid #1a1a1a}@media (prefers-color-scheme: dark){.social-button,.select-button{background-color:#1a1a1a;border:.8px solid #e2e2e2}}.gradient-border{padding:.1rem .5rem;border-radius:10px;display:flex;cursor:pointer;border:.8px solid transparent;background-image:linear-gradient(#e7e4e4,#e7e4e4),linear-gradient(45deg,#5fc470,#176b0f,#87bb83,#c4d8c0,#00b66a,#71a55c);background-origin:border-box;background-clip:padding-box,border-box;background-size:200%;animation:move-border 4s ease-in-out infinite;white-space:nowrap;overflow:hidden}.circular-icon{width:8px;height:8px;border-radius:50%;background-color:#27973a;align-self:center;align-content:center;text-align:center;margin-right:4px;animation:pulse 1.5s infinite}.footer-buttons{display:flex;gap:10px}@keyframes move-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: dark){.gradient-border{background-image:linear-gradient(#000,#000),linear-gradient(45deg,#39db54,#219c15,#44c738,#55b655,#009b95,#b29ba8)}.circular-icon{background-color:#39db54}}[data-theme=dark] .gradient-border{background-image:linear-gradient(#000,#000),linear-gradient(45deg,#39db54,#219c15,#44c738,#55b655,#009b95,#b29ba8)}[data-theme=dark] .circular-icon{background-color:#39db54}[data-theme=dark] .social-button,[data-theme=dark] .select-button{background-color:#1a1a1a;border:.8px solid #e2e2e2;color:#e2e2e2}[data-theme=light] .gradient-border{background-image:linear-gradient(#e7e4e4,#e7e4e4),linear-gradient(45deg,#5fc470,#176b0f,#87bb83,#1d780b,#00b66a,#317317)}[data-theme=light] .circular-icon{background-color:#27973a}[data-theme=light] .social-button,[data-theme=light] .select-button{background-color:#e7e4e4;border:.8px solid #1a1a1a;color:#1a1a1a}@media (max-width: 768px){.footer{padding:10px}}.theme-toggle-button{transition:color .2s ease;padding:4px 8px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:border .2s ease;box-shadow:var(--shadow-m)}.back-to-top-button{transition:color .2s ease;width:32px;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:border .2s ease}.back-to-top-button.light,.theme-toggle-button.light{box-shadow:var(--shadow-s)}.back-to-top-button.dark,.theme-toggle-button.dark{box-shadow:var(--shadow-m)}@media (prefers-color-scheme: dark){.theme-toggle-button:hover,.back-to-top-button:hover{box-shadow:var(--shadow-l)}}@media (prefers-color-scheme: light){.theme-toggle-button:hover,.back-to-top-button:hover{box-shadow:var(--shadow-l)}}[data-theme=light] .theme-toggle-button:hover,[data-theme=light] .back-to-top-button:hover,[data-theme=dark] .theme-toggle-button:hover,[data-theme=dark] .back-to-top-button:hover{box-shadow:var(--shadow-l)}:root{--text: #f2edf2;--background: #0d0c19;--primary: #bea7c0;--secondary: #574253;--accent: #ca473a;--font-title: "Playfair Display", sans-serif, Inter;--font-subtitle: "Briem Hand", sans-serif, Inter;--font-primary: "Sedan SC", sans-serif, Inter;--font-secondary: "Ubuntu Sans", sans-serif, Inter}.container{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:0 10px;min-height:100vh}.home-icon{background-color:#ffc785;padding:8px;font-size:30px}.home-text{display:flex;flex-direction:column}.home-description{font-size:clamp(14px,1.5vw,16px);color:tomato;font-family:Poppins,Inter,system-ui}.home-text-container{display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;margin-bottom:2px}.home-cards{display:flex;flex-direction:column;max-width:572px;gap:10px}.home-cards-b{display:flex;flex-direction:column;gap:10px}.home-cards-list{display:flex;gap:10px;padding:2px 6px 6px 2px;overflow-x:auto;overflow-y:hidden;width:100%;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.footer-text{font-size:12px;font-weight:400}.home-cards-list>*{flex:0 0 auto}.home-footer{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.home-colors{flex:1;display:flex;flex-direction:column;overflow:hidden}.home-colors-track{display:flex;gap:10px;flex-wrap:wrap}.home-cards-fullsize::-webkit-scrollbar{display:none}.home-cards-fullsize{display:flex;flex-direction:row;gap:10px;padding-bottom:6px;padding-top:2px;overflow-x:auto;overflow-y:hidden;width:100%;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;overflow:auto;scrollbar-width:none;position:relative}.home-cards-container{display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;width:100%;gap:4px}.home-cards-list>*{flex:0 0 auto;min-width:160px}.home-scroll{width:10px;height:10px;border-radius:50%;cursor:pointer}.span-title{color:#49423b}@media (max-width: 447px){.home-icon{padding:8px;font-size:30px}}@media (max-width: 600px){.footer{flex-wrap:nowrap;flex-direction:column-reverse;align-items:center;justify-content:center}}@media (max-width: 768px){.home-footer{flex-direction:column;align-items:flex-start;gap:4px}.home-cards-fullsize{flex-wrap:wrap}.home-scroll{display:none}}@media (min-width: 1194px){.home-scroll{display:none}.home-cards-fullsize{justify-content:center}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:100px;margin-top:100px;padding:60px;border-radius:10px}.about-wrapper.light{background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.about-wrapper.dark{background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.about-container{display:flex;gap:30px;flex-direction:column;border-radius:5px}.about-header{display:flex;gap:20px;align-items:center;justify-content:flex-start}.about-avatar{border-radius:100px;overflow:hidden;width:120px;height:120px}.about-avatar.light{background-color:#eacebc66;border:2px solid #d1bfa8;box-shadow:var(--shadow-m)}.about-avatar.dark{border:2px solid #1a1734;background-color:#1a1734;box-shadow:var(--shadow-l)}.about-text{max-width:700px;font-size:16px;text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.about-info{display:flex;gap:20px;flex-wrap:wrap}.about-location{display:flex;gap:6px;align-items:center;flex-direction:row}.about-flag{width:12px}.about-ecole{display:flex;gap:6px;align-items:center}.about-ecole-logo{width:21px}@media (max-width: 768px){.about-wrapper{padding:20px}}.hero-section-wrapper{margin-top:60px;padding-block:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:#fff;position:relative;overflow:hidden;animation:fadeIn .6s ease-out;isolation:isolate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-avatar{border-radius:100px;overflow:hidden;background-color:#3d3834;width:154px;height:154px;margin-bottom:20px;position:relative;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:slideUp .6s ease-out .1s both}.hero-visual-element{width:200px;height:200px;margin-bottom:20px;position:relative;z-index:1;animation:slideUp .6s ease-out .1s both}.gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;animation:float 6s ease-in-out infinite}.gradient-orb-1{width:120px;height:120px;background:linear-gradient(135deg,#ea5d43,tomato);top:20%;left:10%;animation-delay:0s}.gradient-orb-2{width:100px;height:100px;background:linear-gradient(135deg,#ff8c69,#ffa07a);top:40%;right:15%;animation-delay:2s}.gradient-orb-3{width:90px;height:90px;background:linear-gradient(135deg,#ffb399,#ffc4b3);bottom:20%;left:30%;animation-delay:4s}.hero-visual-element.dark .gradient-orb{opacity:.4}.hero-visual-element.dark .gradient-orb-1{background:linear-gradient(135deg,#c94a33,#d94f38)}.hero-visual-element.dark .gradient-orb-2{background:linear-gradient(135deg,#d96c52,#e67d5f)}.hero-visual-element.dark .gradient-orb-3{background:linear-gradient(135deg,#e68f76,#f09d86)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.9)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-avatar:hover{transform:scale(1.08) translateY(-4px)}.hero-avatar.light{border:6px solid #efe9e9;box-shadow:var(--shadow-m)}.hero-avatar.dark{border:6px solid #1a1734;box-shadow:var(--shadow-l)}.hero-chip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:20px;animation:slideUp .6s ease-out .2s both}.hero-chip-text{display:flex;align-items:center;font-size:13px;padding-block:5px;padding-inline:12px;border-radius:20px;font-weight:500;gap:6px;white-space:nowrap;position:relative;z-index:1;backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect)}.hero-chip-text.light{background-color:var(--bg-light-glass);box-shadow:var(--shadow-m)}.hero-chip-text.dark{background-color:var(--bg-dark-glass);box-shadow:var(--shadow-m)}.hero-title{font-family:Gloock,serif;text-transform:uppercase;font-size:60px;font-weight:900;text-align:center;color:tomato;position:relative;z-index:1;max-width:800px;letter-spacing:-.02em;margin-bottom:10px;animation:slideUp .6s ease-out .3s both}.hero-title.light{color:#762d20}.hero-title.dark{color:tomato}.hero-tech-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:20px;position:relative;z-index:1;animation:slideUp .6s ease-out .35s both}.tech-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;transition:all .3s ease;cursor:default}.hero-tech-badges.light .tech-badge{background-color:#efe9e9;color:#762d20;box-shadow:var(--shadow-s)}.hero-tech-badges.dark .tech-badge{background-color:#1a1734;color:tomato;box-shadow:var(--shadow-s)}.tech-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.hero-subtitle{margin-top:0;margin-bottom:30px;font-size:19px;text-align:center;font-family:Poppins;font-weight:400;max-width:650px;line-height:1.7;position:relative;z-index:1;animation:slideUp .6s ease-out .4s both}.hero-subtitle.light{color:#181818}.hero-subtitle.dark{color:#cfcfd1}.hero-stats{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;flex-wrap:wrap;position:relative;z-index:1;animation:slideUp .6s ease-out .45s both}.stat-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--border-radius);transition:all .3s ease;backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect)}.hero-stats.light .stat-item{background-color:var(--bg-light-glass);color:#181818;box-shadow:var(--shadow-m);transition:all .3s ease;border:1px solid rgba(118,45,32,.1)}.hero-stats.dark .stat-item{background-color:var(--bg-dark-glass);color:#cfcfd1;box-shadow:var(--shadow-m);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.stat-item div{display:flex;flex-direction:column;gap:2px}.stat-item strong{font-size:16px;font-weight:700;line-height:1}.hero-stats.light .stat-item strong{color:#762d20}.hero-stats.dark .stat-item strong{color:#9b87f5}.stat-item span{font-size:11px;opacity:.7;font-weight:500;line-height:1}@media (min-height: 1300px){.hero-title{font-size:30px}}@media (min-width: 2560px){.hero-title{font-size:70px}}@media (min-width: 3840px){.hero-title{font-size:110px}}@media (max-width: 900px){.hero-title{font-size:45px;padding:0 20px}.hero-subtitle{font-size:18px;max-width:95%}}@media (max-width: 600px){.hero-title{font-size:36px;padding:0 10px}.hero-subtitle{font-size:16px;max-width:90%}.hero-tech-badges{gap:6px}.tech-badge{font-size:12px;padding:5px 10px}.hero-stats{gap:15px}.stat-item{padding:8px 12px}.stat-item strong{font-size:14px}.stat-item span{font-size:10px}}.hero-buttons{margin-top:20px;display:flex;white-space:nowrap;gap:8px;position:relative;z-index:1;animation:slideUp .6s ease-out .5s both}.button-primary{border-radius:20px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-secondary{border-radius:20px;padding:10px 16px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-primary.light{color:#000;box-shadow:var(--shadow-s)}.button-primary.light:hover{background-color:#efe9e9;color:#333;box-shadow:var(--shadow-m);transform:translateY(-2px)}.button-secondary.light{background-color:#762d20;color:#fff;box-shadow:var(--shadow-l)}.button-secondary.light:hover{background:#b02107;color:#fff;transform:translateY(-2px)}.button-primary.dark{color:#fff;box-shadow:var(--shadow-m)}.button-primary.dark:hover{background-color:#1a1734;color:#fff;transform:translateY(-2px)}.button-secondary.dark{background-color:tomato;color:#fff;box-shadow:var(--shadow-l)}.button-secondary.dark:hover{background-color:#ff3f1d;color:#fff;transform:translateY(-2px)}.tech-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:4px;flex:1;flex-grow:1;flex-shrink:1;flex-basis:140px;flex-wrap:wrap;border-radius:10px;transition:all .3s ease;overflow:hidden}.tech-card-empty{width:20px;height:20px}@media (max-width: 768px){.tech-card.empty-placeholder{display:none}}.tech-card-content{display:flex;align-items:center;gap:12px;width:100%}.tech-card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;transition:transform .3s ease}.tech-card.dark .tech-card-icon-wrapper{background:#ffffff0d}.tech-card.light .tech-card-icon-wrapper{background:#eacebc66}.tech-card:hover .tech-card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.tech-card-label{font-size:13px;font-weight:600;margin:0;flex:1;letter-spacing:.01em}.tech-card-img{width:20px;height:20px;object-fit:contain}.tech-card{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tech-card:nth-child(6n+1){animation-delay:.05s}.tech-card:nth-child(6n+2){animation-delay:.1s}.tech-card:nth-child(6n+3){animation-delay:.15s}.tech-card:nth-child(6n+4){animation-delay:.2s}.tech-card:nth-child(6n+5){animation-delay:.25s}.tech-card:nth-child(6n+6){animation-delay:.3s}.stack-category{width:100%;display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.stack-category-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.stack-category-header{display:flex;gap:10px;align-items:center}.stack-category-title{margin-top:4px}.stack-category-icon{border-radius:10px;padding:10px;box-shadow:var(--shadow-s)}.stack-category-description{display:flex;align-items:center;color:gray!important;font-size:14px}.stack-category-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.chip-dark,.chip-light{border-radius:.75rem;padding:.25rem .5rem;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;background-color:#0a0a0a;outline:none;transition:background-color .2s ease-in-out;box-shadow:var(--shadow-s)}.chip-light:hover{background-color:#eacebccc!important;box-shadow:var(--shadow-s)}.chip-dark:hover{background-color:#1d1a35!important;box-shadow:var(--shadow-m)}.tech-stack{display:flex;flex-direction:column;font-size:16px;align-items:flex-start;width:100%;margin-top:100px;padding-inline:10px;padding:60px;border-radius:10px}.tech-stack.light{color:#762d20;background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.tech-stack.dark{color:tomato;background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.tech-stack-description{max-width:700px;font-size:16px}.tech-stack-description.light{color:#3e3e3e}.tech-stack-description.dark{color:#c3c3c3}@media (max-width: 768px){.tech-stack{padding:20px}}.title-header{padding-left:4px;margin-bottom:10px}.title-container{display:flex;gap:.5rem;align-items:center}.title-flag{width:12px;border-radius:4px;margin-bottom:2px}.title-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.title-description{max-width:700px;font-size:1.5rem;font-weight:500;line-height:1.5}.career-card{display:flex;gap:1rem;flex:1 1 400px;border-radius:14px;padding:1rem;transition:transform .2s ease;cursor:pointer;box-sizing:border-box}.career-card:hover{transform:scale(1.01)}.career-card.dark{background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.career-card.light{background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.career-card-img{padding:2px;width:200px;aspect-ratio:2 / 1;object-fit:contain;border-radius:10px;height:100px;box-shadow:var(--shadow-s)}.career-card-img.dark{background-color:#1a1734;color:#eee}.career-card-img.light{background-color:#f3e0d5;color:#181818}.career-card-content{width:100%;display:flex;flex-direction:column;gap:4px;justify-content:space-between}.career-card-top{display:flex;gap:4px;align-items:center;flex-wrap:wrap-reverse;justify-content:space-between}.career-card-meta{display:flex;gap:.5rem;flex-wrap:wrap}.career-card-chip{align-self:center;font-size:12px;padding-block:2px;padding-inline:8px;border-radius:20px;font-weight:500}.career-card-chip.dark{background-color:#1a1734;color:#eee;box-shadow:var(--shadow-s)}.career-card-chip.light{background-color:#f3e0d5;color:#181818;box-shadow:var(--shadow-s)}.career-card-flag{display:flex;align-items:center;gap:4px;font-size:12px;padding-block:2px;padding-inline:8px;border-radius:20px;font-weight:500;box-shadow:var(--shadow-s);justify-content:center;align-self:center;text-align:center;white-space:nowrap}.career-card-flag img{width:12px}.career-card-flag.dark{background-color:#1a1734;color:#eee}.career-card-flag.light{background-color:#f3e0d5;color:#181818}.career-card-info{display:flex;flex-direction:column;gap:8px}.career-card-date{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:500;padding-block:2px}.career-card-title{max-width:350px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.125rem;font-weight:600}.career-card-read{display:flex;gap:4px;align-items:center;align-self:flex-end;font-size:12px;font-weight:500;white-space:nowrap;margin-top:10px}.career-card-read.dark{color:#eee}.career-card-read.light{color:#181818}.career-container{width:100%;margin-block:100px}.career-header{display:flex;flex-direction:column;margin-bottom:30px;align-items:center;justify-content:center}.career-description{font-size:18px;margin-top:5px;text-align:center}.career-cards{display:flex;flex-wrap:wrap;gap:.75rem}.work-card-image{min-width:100px;aspect-ratio:2 / 1;object-fit:cover;border-radius:8px;background-color:#1b1b1b;height:105px;box-shadow:var(--shadow-m)}.work-card-wrapper{display:flex;justify-content:space-between;padding:1rem;border-radius:10px;margin-bottom:1rem;transition:transform .2s ease;width:100%;box-sizing:border-box;height:auto}.work-card-wrapper.light{background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.work-card-wrapper.dark{background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.work-card-wrapper:hover{transform:scale(1.01)}.work-card-flags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.work-card-flag{display:flex;align-items:center;gap:6px;font-size:12px;padding-block:2px;padding-inline:8px;border-radius:20px;font-weight:500;box-shadow:var(--shadow-s);justify-content:center;align-self:center;text-align:center;white-space:nowrap}.work-card-flag.light{background-color:#f3e0d5;box-shadow:var(--shadow-s)}.work-card-flag.dark{background-color:#1a1734;box-shadow:var(--shadow-s)}@media (max-width: 500px){.work-card-content{flex-direction:column}.work-card-image{width:100%;height:120px}.work-card-title{font-size:16px}}.work-experience-container{width:100%;margin-top:100px}.work-experience-header{display:flex;flex-direction:column;margin-bottom:30px;align-items:center;justify-content:center}.work-experience-description{font-size:18px;margin-top:5px;text-align:center}.portfolio-card{display:flex;flex-direction:column;padding:1rem;border-radius:.75rem;gap:1rem;flex-grow:1;flex-shrink:1;flex-basis:250px;box-sizing:border-box;cursor:pointer;transition:transform .2s ease}.portfolio-card:hover{transform:scale(1.01)}.portfolio-card.dark{background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-s)}.portfolio-card.light{background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.portfolio-card-image-container{position:relative}.portfolio-card-image{border-radius:.5rem;object-fit:cover;width:100%;height:170px;box-shadow:var(--shadow-s)}.portfolio-card-gradient{position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(to top,#000000b3,#0000);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;pointer-events:none}.portfolio-card-chip-container{display:flex;gap:.25rem;flex-wrap:wrap;position:absolute;top:4px;right:4px;box-shadow:var(--shadow-l);border-radius:20px}.portfolio-card-chip{align-self:center;font-size:14px;padding-block:.2rem;padding-inline:.5rem;border-radius:20px;font-weight:500;display:flex;gap:.25rem;white-space:nowrap;align-items:center}.portfolio-card-chip.dark{background-color:#1a1734;box-shadow:var(--shadow-s)}.portfolio-card-chip.light{background-color:#f3e0d5;box-shadow:var(--shadow-s)}.portfolio-card-date-container{display:flex;gap:.25rem;flex-wrap:wrap;position:absolute;bottom:10px;right:10px;color:#fff}.portfolio-card-date{color:#fff!important;font-size:12px;font-weight:400;line-height:1}.portfolio-card-content{display:flex;flex-direction:column;gap:.75rem}.portfolio-card-title{line-height:.8}.portfolio-card-description{max-width:300px;line-height:1.2;font-size:14px;font-weight:400}.portfolio-card-description.dark{color:#aaa}.portfolio-card-description.light{color:#6b6262}.portfolio-container{width:100%;display:flex;flex-direction:column}.portfolio-header{padding-left:4px}.portfolio-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.portfolio-description{max-width:700px;font-size:1.5rem;font-weight:500;line-height:1.5}.portfolio-description.dark{color:#fff}.portfolio-description.light{color:#1a1a1a}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.demo-card button{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;background-color:#667eea;color:#fff;cursor:pointer;font-size:1rem}.demo-card button:hover{background-color:#5568d3}.demo-card h3{margin:1rem 0}.demo-card h2{font-size:1.25rem;margin-top:1rem;margin-bottom:.5rem}.demo-card label{display:block;font-weight:500}.demo-card input{margin-left:.5rem;padding:.5rem;border-radius:4px;border:1px solid #ccc}.demo-card p{font-size:.875rem;color:#666;margin-top:.25rem}.demo-card button{margin:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:opacity .2s}.demo-card button:hover{opacity:.8}.demo-card small{display:block;margin-top:1rem;color:#666}.demo-button{padding:10px 20px;font-size:16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.demo-button:hover{background-color:#0b7dda}.tooltip{background-color:#000000e6;color:#fff;padding:10px 15px;border-radius:4px;font-size:14px;max-width:300px;box-shadow:0 4px 8px #0003;line-height:1.4}.toast{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:.75rem 1rem;margin-top:1rem;color:#4ade80;font-size:.9rem}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;margin-top:1rem;color:#f87171;font-size:.9rem}.form-demo{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.form-demo h3{color:#667eea;margin-bottom:1rem;font-size:1.1rem}.form-demo input[type=hidden]{display:none}.useState-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;padding-inline:2rem;margin-block:2rem;line-height:1.75;border-radius:10px}.useState-container.dark{color:#e5e7eb;background-color:var(--bg-dark-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.useState-container.light{color:#1f2937;background-color:var(--bg-light-glass);backdrop-filter:var(--blur-effect);-webkit-backdrop-filter:var(--blur-effect);box-shadow:var(--shadow-m)}.useState-header{margin-bottom:5rem;margin-top:2rem;text-align:center;position:relative;padding:3rem 0}.useState-container.light .useState-header h1{margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#762d20,#d97657 60%,#762d20);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:-.02em;line-height:1.1}.useState-container.dark .useState-header h1{margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,tomato,#ffa07a 60%,tomato);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:-.02em;line-height:1.1;animation:gradient-shift 3s ease infinite;background-size:200% auto}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.subtitle{font-size:1.35rem;max-width:600px;margin:0 auto;line-height:1.8;font-weight:400}.useState-container.dark .subtitle{color:#9ca3af}.useState-container.light .subtitle{color:#4b5563}.section{margin-bottom:4.5rem}.section h2{font-size:2.25rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.01em;position:relative;padding-bottom:.75rem}.section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,currentColor 0%,transparent 100%);border-radius:2px}.useState-container.dark .section h2{color:tomato}.useState-container.light .section h2{color:#762d20}.section h3{font-size:1.65rem;margin-bottom:1.25rem;font-weight:600;margin-top:2rem}.useState-container.dark .section h3{color:#ffa07a}.useState-container.light .section h3{color:sienna}.card{border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,tomato,#ffa07a,tomato);background-size:200% auto;animation:gradient-slide 3s linear infinite;opacity:0;transition:opacity .3s ease}@keyframes gradient-slide{to{background-position:200% center}}.useState-container.dark .card{background:#1e1e2899;border-color:#ff634733;box-shadow:0 4px 20px #0000004d}.useState-container.light .card{background:#ffffffe6;border-color:#762d2026;box-shadow:0 4px 20px #0000000f}.card p{line-height:1.9;margin:0;font-size:1.075rem}.useState-container.dark .card p{color:#d1d5db}.useState-container.light .card p{color:#374151}.text{line-height:1.9;margin-bottom:1.25rem;font-size:1.075rem}.useState-container.dark .text{color:#d1d5db}.useState-container.light .text{color:#374151}.card code{padding:.25rem .6rem;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;font-weight:500}.useState-container.dark .card code{background:#ff634726;color:#fbbf24;border:1px solid rgba(255,99,71,.3)}.useState-container.light .card code{background:#762d201a;color:#9333ea;font-weight:600;border:1px solid rgba(118,45,32,.2)}.demo-card{border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:2px solid;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.demo-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,99,71,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.useState-container.dark .demo-card{background:linear-gradient(135deg,#1e1e28cc,#282832cc);border-color:#ff63474d;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.useState-container.light .demo-card{background:linear-gradient(135deg,#fffffff2,#fafafcf2);border-color:#762d2040;box-shadow:0 8px 32px #00000014,inset 0 1px #fffc}.demo-display{display:flex;gap:3rem;margin-bottom:2rem;flex-wrap:wrap}.demo-value{display:flex;flex-direction:column;gap:.75rem}.demo-value .label{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.useState-container.dark .demo-value .label{color:#9ca3af}.useState-container.light .demo-value .label{color:#6b7280}.demo-value .value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,tomato,#ffa07a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.demo-value .value.large{font-size:4rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:12px;border:none;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary{background:linear-gradient(135deg,tomato,#ff8c69,tomato);background-size:200% auto;color:#fff;box-shadow:0 4px 15px #ff634766}.btn-secondary{border:2px solid;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.useState-container.dark .btn-secondary{border-color:#ff634766;color:#ffa07a}.useState-container.light .btn-secondary{border-color:#762d204d;color:#762d20}.code-block{border-radius:16px;margin-bottom:2rem;border:1px solid;overflow:hidden;position:relative;box-shadow:0 4px 20px #0000001a}.useState-container.dark .code-block{box-shadow:0 8px 32px #0006}.useState-container.light .code-block{box-shadow:0 4px 20px #00000014}.code-block pre{margin:0!important;padding:2rem!important;font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-size:.95rem!important;line-height:1.8!important;overflow-x:auto!important;text-align:left!important}.code-block pre>div{text-align:left!important;display:block!important}.code-block pre span{white-space:pre!important}.code-block code{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.code-block.error{border-color:#ef444480}.code-block.error pre{background:#fff6f6!important}.code-block.error.dark pre{background:#311e1e!important}.code-block.success{border-color:#22c55e80}.code-block.success pre{background:#edffed!important}.code-block.success.dark pre{background:#1f3126!important}.code-label{font-size:.825rem;font-weight:700;margin-block:1rem;text-transform:uppercase;letter-spacing:1px;text-align:center}.useState-container.dark .code-label{color:#9ca3af}.useState-container.light .code-label{color:#6b7280}.highlight-box,.info-box{border-left:4px solid;padding:1.5rem;border-radius:12px;margin-top:1.5rem;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.useState-container.dark .highlight-box,.useState-container.dark .info-box{background:#ff63471f;border-color:tomato;color:#d1d5db;box-shadow:0 4px 15px #ff63471a}.useState-container.light .highlight-box,.useState-container.light .info-box{background:#762d2014;border-color:#762d20;color:#374151;box-shadow:0 4px 15px #762d200d}.warning-card{background:#ef44441a;border:2px solid rgba(239,68,68,.4);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #ef444426}.warning-card h3{color:#ef4444;margin-top:0;font-size:1.5rem;font-weight:700}.success-card{background:#22c55e1a;border:2px solid rgba(34,197,94,.4);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #22c55e26}.success-card h3{color:#22c55e;margin-top:0;font-size:1.5rem;font-weight:700}.anatomy-list{list-style:none;padding:0;margin:1.5rem 0 0}.anatomy-list li{padding:1rem 0;border-bottom:1px solid;transition:all .3s ease}.useState-container.dark .anatomy-list li{border-color:#ffffff1a;color:#d1d5db}.useState-container.light .anatomy-list li{border-color:#00000014;color:#374151}.anatomy-list li:last-child{border-bottom:none}.param{padding:.35rem .75rem;border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:.9em;border:1px solid}.useState-container.dark .param{background:#ff634726;color:#fbbf24;border-color:#ff63474d}.useState-container.light .param{background:#762d201a;color:#9333ea;border-color:#762d2040}.table-container{overflow-x:auto;margin-bottom:2rem;border-radius:16px}.methods-table{width:100%;border-collapse:collapse;border-radius:16px;overflow:hidden}.useState-container.dark .methods-table{background:#1e1e2899;box-shadow:0 4px 20px #0000004d}.useState-container.light .methods-table{background:#ffffffe6;box-shadow:0 4px 20px #0000000f}.methods-table thead{background:linear-gradient(135deg,#ff634733,#ff8c6933)}.methods-table th{padding:1.25rem;text-align:left;font-weight:700;border-bottom:2px solid;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.useState-container.dark .methods-table th{color:tomato;border-color:#ff634766}.useState-container.light .methods-table th{color:#762d20;border-color:#762d204d}.methods-table td{padding:1.25rem;border-bottom:1px solid}.useState-container.dark .methods-table td{border-color:#ffffff14;color:#d1d5db}.useState-container.light .methods-table td{border-color:#0000000f;color:#374151}.methods-table tbody tr{transition:all .3s ease}.methods-table code{padding:.3rem .6rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.875rem;border:1px solid}.useState-container.dark .methods-table code{background:#ff634726;color:#fbbf24;border-color:#ff63474d}.useState-container.light .methods-table code{background:#762d201a;color:#9333ea;border-color:#762d2040}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.comparison{grid-template-columns:1fr}}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.tip-card{border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid;position:relative;overflow:hidden}.tip-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,99,71,.15),transparent 70%);opacity:0;transition:opacity .4s ease}.tip-card.dark{background:#1e1e2899;border-color:#ff63474d;box-shadow:0 4px 20px #0000004d}.tip-card.light{background:#ffffffe6;border-color:#762d2040;box-shadow:0 4px 20px #0000000f}.tip-icon{font-size:3rem;display:block;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(255,99,71,.3))}.tip-card h3{margin:0 0 .75rem;font-size:1.35rem;font-weight:700}.tip-card.dark h3{color:#ffa07a}.tip-card.light h3{color:#762d20}.tip-card p{margin:0;line-height:1.7;font-size:1rem}.tip-card.dark p{color:#9ca3af}.tip-card.light p{color:#6b7280}@media (max-width: 768px){.useState-container{padding:2rem 1.5rem}.useState-header h1{font-size:2.5rem!important}.subtitle{font-size:1.1rem}.section h2{font-size:1.75rem}.demo-display{flex-direction:column;gap:1.5rem}.code-block pre{font-size:.85rem!important;padding:1.5rem!important}.tips-grid{grid-template-columns:1fr}}.console-output{margin-top:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,99,71,.3);border-radius:16px;padding:1.5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.console-output.dark{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,99,71,.3)}.console-output.light{background:linear-gradient(135deg,#f9f9f9,#e0e0e0);border:1px solid rgba(118,45,32,.25)}.console-header{color:tomato;font-weight:700;margin-bottom:1rem;font-size:.95rem;border-bottom:1px solid rgba(255,99,71,.3);padding-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.log-line{color:#e2e8f0;font-size:.9rem;line-height:1.7;border-left:3px solid rgba(255,99,71,.6);margin:.5rem 0;padding:.6rem 1rem;background:#ff634714;border-radius:8px;transition:all .3s ease}.log-line.dark{color:#e2e8f0;background:#ff634714;border-left:3px solid rgba(255,99,71,.6)}.log-line.light{color:#1f2937;background:#762d201a;border-left:3px solid rgba(118,45,32,.7)}