:root{--btw-background:transparent;--btw-text:#ffffff;--btw-text-secondary:#e0e0e0;--btw-heading:#986afc;--btw-card-bg:#ffffff;--btw-card-text:#333333;--btw-pink:#ff9ed8;--btw-lavender:#d59fff;--btw-purple:#b28dff;--btw-periwinkle:#9fb8ff;--btw-blue:#8ac6ff;--lang-html:#e34f26;--lang-css:#1572b6;--lang-js:#f7df1e;--lang-python:#3776ab;--lang-c:#555555;--lang-csharp:#9b4f96;--lang-cpp:#00599c}.born-to-web-full-page{background-color:transparent!important;color:var(--btw-text)!important;margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden!important}.born-to-web-full-page main{max-width:6xl;margin:0 auto;padding:2rem 1rem}.born-to-web-container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important;background-color:transparent!important;overflow-x:hidden!important}body:has(.born-to-web-full-page),body:has(.born-to-web-page){background-color:#1a1a1a!important;margin:0!important;padding:0!important;overflow-x:hidden!important}html.force-dark-born-to-web body{background-color:#1a1a1a!important;color:white!important;margin:0!important;padding:0!important;overflow-x:hidden!important}html.force-dark-born-to-web .born-to-web-page{background-color:transparent!important;color:white!important;width:100%!important;max-width:100%!important}html.force-dark-born-to-web .bg-white .text-orange-500{color:#e34f26!important}html.force-dark-born-to-web .bg-white .text-blue-500{color:#1572b6!important}html.force-dark-born-to-web .bg-white .text-yellow-500{color:#f7df1e!important}html.force-dark-born-to-web .bg-white .text-blue-600{color:#3776ab!important}html.force-dark-born-to-web .bg-white .text-gray-600:not(p):not(span){color:#555555!important}html.force-dark-born-to-web .bg-white .text-purple-600{color:#9b4f96!important}html.force-dark-born-to-web .bg-white .text-blue-700{color:#00599c!important}.born-to-web-page,body main .born-to-web-page,html .born-to-web-page{background-color:transparent!important;background:transparent!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.born-to-web-page{color:var(--btw-text);min-height:100vh;width:100%;position:relative;overflow-x:hidden}.born-to-web-page h1,.born-to-web-page h2,.born-to-web-page h3{color:var(--btw-heading)}.born-to-web-page .text-gray-600,.born-to-web-page .text-gray-700,.born-to-web-page p:not(.bg-white *,.card-white *){color:var(--btw-text-secondary)}.born-to-web-page .bg-white,.born-to-web-page .card-white,.born-to-web-page .dark\:bg-gray-800{background-color:var(--btw-card-bg);color:var(--btw-card-text);box-shadow:0 4px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1);border-radius:.75rem}.born-to-web-page .bg-white :not(h1,h2,h3,h4,h5,h6),.born-to-web-page .card-white :not(h1,h2,h3,h4,h5,h6),.born-to-web-page .dark\:bg-gray-800 :not(h1,h2,h3,h4,h5,h6){color:var(--btw-card-text)}.born-to-web-page .bg-white h1,.born-to-web-page .bg-white h2,.born-to-web-page .bg-white h3,.born-to-web-page .bg-white h4,.born-to-web-page .bg-white h5,.born-to-web-page .bg-white h6,.born-to-web-page .card-white h1,.born-to-web-page .card-white h2,.born-to-web-page .card-white h3,.born-to-web-page .card-white h4,.born-to-web-page .card-white h5,.born-to-web-page .card-white h6,.born-to-web-page .dark\:bg-gray-800 h1,.born-to-web-page .dark\:bg-gray-800 h2,.born-to-web-page .dark\:bg-gray-800 h3,.born-to-web-page .dark\:bg-gray-800 h4,.born-to-web-page .dark\:bg-gray-800 h5,.born-to-web-page .dark\:bg-gray-800 h6{color:#333333}.born-to-web-page .bg-theme-gradient{background:linear-gradient(to right,var(--btw-pink),var(--btw-periwinkle))}.born-to-web-page .bg-theme-gradient *{color:var(--btw-background)}.born-to-web-page .text-theme-purple{color:var(--btw-purple)}.born-to-web-page .text-theme-pink{color:var(--btw-pink)}.born-to-web-page .bg-theme-purple{background-color:var(--btw-purple)}.born-to-web-page .from-theme-purple{--tw-gradient-from:var(--btw-purple)}.born-to-web-page .to-theme-pink{--tw-gradient-to:var(--btw-pink)}.born-to-web-page .background-effect{position:fixed;inset:0;pointer-events:none;z-index:0;width:100vw;height:100vh;background-color:#1a1a1a!important}.born-to-web-page main{position:relative;z-index:1;width:100%;padding:2rem 1rem}.born-to-web-page .hover-lift{transition:transform .3s ease,box-shadow .3s ease}.born-to-web-page .hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.born-to-web-page .button-hover{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.born-to-web-page .button-hover:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.born-to-web-page .timeline-line{position:absolute;left:50%;transform:translateX(-50%);height:100%;width:2px;background:linear-gradient(to bottom,var(--btw-purple),var(--btw-pink))}.born-to-web-page .timeline-dot{width:1rem;height:1rem;background-color:var(--btw-purple);border-radius:50%;position:absolute;left:50%;transform:translateX(-50%)}.born-to-web-page .hero-text{color:var(--btw-text)!important;background:transparent!important}.born-to-web-page .bg-white .text-orange-500,.born-to-web-page .dark\:bg-gray-800 .text-orange-500{color:var(--lang-html)!important}.born-to-web-page .bg-white .text-blue-500,.born-to-web-page .dark\:bg-gray-800 .text-blue-500{color:var(--lang-css)!important}.born-to-web-page .bg-white .text-yellow-500,.born-to-web-page .dark\:bg-gray-800 .text-yellow-500{color:var(--lang-js)!important}.born-to-web-page .bg-white .text-blue-600,.born-to-web-page .dark\:bg-gray-800 .text-blue-600{color:var(--lang-python)!important}.born-to-web-page .bg-white .text-gray-600:not(p):not(span),.born-to-web-page .dark\:bg-gray-800 .text-gray-600:not(p):not(span){color:var(--lang-c)!important}.born-to-web-page .bg-white .text-purple-600,.born-to-web-page .dark\:bg-gray-800 .text-purple-600{color:var(--lang-csharp)!important}.born-to-web-page .bg-white .text-blue-700,.born-to-web-page .dark\:bg-gray-800 .text-blue-700{color:var(--lang-cpp)!important}