*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0d1117;--bg-darker: #010409;--bg-card: #161b22;--accent-cyan: #58a6ff;--accent-blue: #0061b1;--accent-purple: #bc8cff;--accent-pink: #ff7b72;--text-primary: #c9d1d9;--text-muted: #8b949e;--border: #30363d}::selection{background:var(--text-muted);color:var(--bg-darker)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg-darker);color:var(--text-primary);line-height:1.6;overflow-x:hidden}p{font-family:Fira Code,monospace;font-size:1rem}li{font-family:Fira Code,monospace;text-decoration:none;color:var(--accent-cyan);transition:color .3s}.svg-icon,.svg-icon2,.svg-icon3,.svg-icon4,.svg-icon5{width:4.375rem;height:5.625rem;background-color:var(--accent-blue);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;transition:all .3s;flex-shrink:0}.svg-icon{mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.18%208.03933L18.6435%207.57589C19.4113%206.80804%2020.6563%206.80804%2021.4241%207.57589C22.192%208.34374%2022.192%209.58868%2021.4241%2010.3565L20.9607%2010.82M18.18%208.03933C18.18%208.03933%2018.238%209.02414%2019.1069%209.89309C19.9759%2010.762%2020.9607%2010.82%2020.9607%2010.82M18.18%208.03933L13.9194%2012.2999C13.6308%2012.5885%2013.4865%2012.7328%2013.3624%2012.8919C13.2161%2013.0796%2013.0906%2013.2827%2012.9882%2013.4975C12.9014%2013.6797%2012.8368%2013.8732%2012.7078%2014.2604L12.2946%2015.5L12.1609%2015.901M20.9607%2010.82L16.7001%2015.0806C16.4115%2015.3692%2016.2672%2015.5135%2016.1081%2015.6376C15.9204%2015.7839%2015.7173%2015.9094%2015.5025%2016.0118C15.3203%2016.0986%2015.1268%2016.1632%2014.7396%2016.2922L13.5%2016.7054L13.099%2016.8391M13.099%2016.8391L12.6979%2016.9728C12.5074%2017.0363%2012.2973%2016.9867%2012.1553%2016.8447C12.0133%2016.7027%2011.9637%2016.4926%2012.0272%2016.3021L12.1609%2015.901M13.099%2016.8391L12.1609%2015.901'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M8%2013H10.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M8%209H14.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M8%2017H9.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M3%2010C3%206.22876%203%204.34315%204.17157%203.17157C5.34315%202%207.22876%202%2011%202H13C16.7712%202%2018.6569%202%2019.8284%203.17157C21%204.34315%2021%206.22876%2021%2010V14C21%2017.7712%2021%2019.6569%2019.8284%2020.8284C18.6569%2022%2016.7712%2022%2013%2022H11C7.22876%2022%205.34315%2022%204.17157%2020.8284C3%2019.6569%203%2017.7712%203%2014V10Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.18%208.03933L18.6435%207.57589C19.4113%206.80804%2020.6563%206.80804%2021.4241%207.57589C22.192%208.34374%2022.192%209.58868%2021.4241%2010.3565L20.9607%2010.82M18.18%208.03933C18.18%208.03933%2018.238%209.02414%2019.1069%209.89309C19.9759%2010.762%2020.9607%2010.82%2020.9607%2010.82M18.18%208.03933L13.9194%2012.2999C13.6308%2012.5885%2013.4865%2012.7328%2013.3624%2012.8919C13.2161%2013.0796%2013.0906%2013.2827%2012.9882%2013.4975C12.9014%2013.6797%2012.8368%2013.8732%2012.7078%2014.2604L12.2946%2015.5L12.1609%2015.901M20.9607%2010.82L16.7001%2015.0806C16.4115%2015.3692%2016.2672%2015.5135%2016.1081%2015.6376C15.9204%2015.7839%2015.7173%2015.9094%2015.5025%2016.0118C15.3203%2016.0986%2015.1268%2016.1632%2014.7396%2016.2922L13.5%2016.7054L13.099%2016.8391M13.099%2016.8391L12.6979%2016.9728C12.5074%2017.0363%2012.2973%2016.9867%2012.1553%2016.8447C12.0133%2016.7027%2011.9637%2016.4926%2012.0272%2016.3021L12.1609%2015.901M13.099%2016.8391L12.1609%2015.901'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M8%2013H10.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M8%209H14.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M8%2017H9.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M3%2010C3%206.22876%203%204.34315%204.17157%203.17157C5.34315%202%207.22876%202%2011%202H13C16.7712%202%2018.6569%202%2019.8284%203.17157C21%204.34315%2021%206.22876%2021%2010V14C21%2017.7712%2021%2019.6569%2019.8284%2020.8284C18.6569%2022%2016.7712%2022%2013%2022H11C7.22876%2022%205.34315%2022%204.17157%2020.8284C3%2019.6569%203%2017.7712%203%2014V10Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3c/svg%3e")}.svg-icon2{mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M5%208.51464C5%204.9167%208.13401%202%2012%202C15.866%202%2019%204.9167%2019%208.51464C19%2012.0844%2016.7658%2016.2499%2013.2801%2017.7396C12.4675%2018.0868%2011.5325%2018.0868%2010.7199%2017.7396C7.23416%2016.2499%205%2012.0844%205%208.51464Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M14%209C14%2010.1046%2013.1046%2011%2012%2011C10.8954%2011%2010%2010.1046%2010%209C10%207.89543%2010.8954%207%2012%207C13.1046%207%2014%207.89543%2014%209Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M20.9605%2015.5C21.6259%2016.1025%2022%2016.7816%2022%2017.5C22%2019.9853%2017.5228%2022%2012%2022C6.47715%2022%202%2019.9853%202%2017.5C2%2016.7816%202.37412%2016.1025%203.03947%2015.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M5%208.51464C5%204.9167%208.13401%202%2012%202C15.866%202%2019%204.9167%2019%208.51464C19%2012.0844%2016.7658%2016.2499%2013.2801%2017.7396C12.4675%2018.0868%2011.5325%2018.0868%2010.7199%2017.7396C7.23416%2016.2499%205%2012.0844%205%208.51464Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M14%209C14%2010.1046%2013.1046%2011%2012%2011C10.8954%2011%2010%2010.1046%2010%209C10%207.89543%2010.8954%207%2012%207C13.1046%207%2014%207.89543%2014%209Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M20.9605%2015.5C21.6259%2016.1025%2022%2016.7816%2022%2017.5C22%2019.9853%2017.5228%2022%2012%2022C6.47715%2022%202%2019.9853%202%2017.5C2%2016.7816%202.37412%2016.1025%203.03947%2015.5'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e")}.svg-icon3{width:5rem;mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.6315%208.22382L13.2651%207.85744C11.735%206.32736%2010.97%205.56232%2010.1406%205.56299C9.86971%205.56321%209.60165%205.61847%209.35273%205.72542C8.59071%206.05283%208.19063%207.05807%207.39047%209.06855L7.33256%209.21406C7.10572%209.78403%206.9923%2010.069%206.81015%2010.2989C6.67197%2010.4733%206.50565%2010.6235%206.31804%2010.7431C6.07076%2010.9009%205.77568%2010.9846%205.18554%2011.1521C4.27042%2011.4118%203.81287%2011.5417%203.60981%2011.8186C3.4589%2012.0244%203.3924%2012.2802%203.42392%2012.5334C3.46633%2012.8742%203.80265%2013.2105%204.47529%2013.8832L7.60579%2017.0137C8.27843%2017.6863%208.61475%2018.0226%208.95553%2018.065C9.20879%2018.0966%209.46451%2018.03%209.67033%2017.8791C9.94727%2017.6761%2010.0771%2017.2185%2010.3369%2016.3034C10.5044%2015.7133%2010.5881%2015.4182%2010.7458%2015.1709C10.8655%2014.9833%2011.0156%2014.817%2011.19%2014.6788C11.4199%2014.4967%2011.7049%2014.3832%2012.2749%2014.1564L12.4204%2014.0985C14.4309%2013.2983%2015.4361%2012.8982%2015.7635%2012.1362C15.8705%2011.8873%2015.9257%2011.6192%2015.926%2011.3483C15.9266%2010.5189%2015.1616%209.7539%2013.6315%208.22382Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20opacity='0.5'%20d='M3.34679%2018.142L6.04053%2015.4482'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%208H17'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%2012.5H18'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%2017H13'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.6315%208.22382L13.2651%207.85744C11.735%206.32736%2010.97%205.56232%2010.1406%205.56299C9.86971%205.56321%209.60165%205.61847%209.35273%205.72542C8.59071%206.05283%208.19063%207.05807%207.39047%209.06855L7.33256%209.21406C7.10572%209.78403%206.9923%2010.069%206.81015%2010.2989C6.67197%2010.4733%206.50565%2010.6235%206.31804%2010.7431C6.07076%2010.9009%205.77568%2010.9846%205.18554%2011.1521C4.27042%2011.4118%203.81287%2011.5417%203.60981%2011.8186C3.4589%2012.0244%203.3924%2012.2802%203.42392%2012.5334C3.46633%2012.8742%203.80265%2013.2105%204.47529%2013.8832L7.60579%2017.0137C8.27843%2017.6863%208.61475%2018.0226%208.95553%2018.065C9.20879%2018.0966%209.46451%2018.03%209.67033%2017.8791C9.94727%2017.6761%2010.0771%2017.2185%2010.3369%2016.3034C10.5044%2015.7133%2010.5881%2015.4182%2010.7458%2015.1709C10.8655%2014.9833%2011.0156%2014.817%2011.19%2014.6788C11.4199%2014.4967%2011.7049%2014.3832%2012.2749%2014.1564L12.4204%2014.0985C14.4309%2013.2983%2015.4361%2012.8982%2015.7635%2012.1362C15.8705%2011.8873%2015.9257%2011.6192%2015.926%2011.3483C15.9266%2010.5189%2015.1616%209.7539%2013.6315%208.22382Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20opacity='0.5'%20d='M3.34679%2018.142L6.04053%2015.4482'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%208H17'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%2012.5H18'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20opacity='0.5'%20d='M22%2017H13'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e")}.svg-icon4{mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M22%2022H12C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012V2'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0002%207L15.8821%2010.9264C15.4045%2011.5278%2015.1657%2011.8286%2014.8916%2011.9751C14.47%2012.2005%2013.9663%2012.2114%2013.5354%2012.0046C13.2551%2011.8701%2013.0035%2011.5801%2012.5002%2011C11.9968%2010.4199%2011.7452%2010.1299%2011.4649%209.99535C11.034%209.78855%2010.5303%209.7995%2010.1088%2010.0248C9.83461%2010.1714%209.5958%2010.4721%209.11819%2011.0735L6%2015'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M22%2022H12C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012V2'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0002%207L15.8821%2010.9264C15.4045%2011.5278%2015.1657%2011.8286%2014.8916%2011.9751C14.47%2012.2005%2013.9663%2012.2114%2013.5354%2012.0046C13.2551%2011.8701%2013.0035%2011.5801%2012.5002%2011C11.9968%2010.4199%2011.7452%2010.1299%2011.4649%209.99535C11.034%209.78855%2010.5303%209.7995%2010.1088%2010.0248C9.83461%2010.1714%209.5958%2010.4721%209.11819%2011.0735L6%2015'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e")}.svg-icon5{mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M19.5617%207C19.7904%205.69523%2018.7863%204.5%2017.4617%204.5H6.53788C5.21323%204.5%204.20922%205.69523%204.43784%207M17.4999%204.5C17.5283%204.24092%2017.5425%204.11135%2017.5427%204.00435C17.545%202.98072%2016.7739%202.12064%2015.7561%202.01142C15.6497%202%2015.5194%202%2015.2588%202H8.74099C8.48035%202%208.35002%202%208.24362%202.01142C7.22584%202.12064%206.45481%202.98072%206.45704%204.00434C6.45727%204.11135%206.47146%204.2409%206.49983%204.5'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M15%2018H9'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M2.38351%2013.793C1.93748%2010.6294%201.71447%209.04765%202.66232%208.02383C3.61017%207%205.29758%207%208.67239%207H15.3276C18.7024%207%2020.3898%207%2021.3377%208.02383C22.2855%209.04765%2022.0625%2010.6294%2021.6165%2013.793L21.1935%2016.793C20.8437%2019.2739%2020.6689%2020.5143%2019.7717%2021.2572C18.8745%2022%2017.5512%2022%2014.9046%2022H9.09536C6.44881%2022%205.12553%2022%204.22834%2021.2572C3.33115%2020.5143%203.15626%2019.2739%202.80648%2016.793L2.38351%2013.793Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M19.5617%207C19.7904%205.69523%2018.7863%204.5%2017.4617%204.5H6.53788C5.21323%204.5%204.20922%205.69523%204.43784%207M17.4999%204.5C17.5283%204.24092%2017.5425%204.11135%2017.5427%204.00435C17.545%202.98072%2016.7739%202.12064%2015.7561%202.01142C15.6497%202%2015.5194%202%2015.2588%202H8.74099C8.48035%202%208.35002%202%208.24362%202.01142C7.22584%202.12064%206.45481%202.98072%206.45704%204.00434C6.45727%204.11135%206.47146%204.2409%206.49983%204.5'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3cpath%20d='M15%2018H9'%20stroke='%231C274C'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M2.38351%2013.793C1.93748%2010.6294%201.71447%209.04765%202.66232%208.02383C3.61017%207%205.29758%207%208.67239%207H15.3276C18.7024%207%2020.3898%207%2021.3377%208.02383C22.2855%209.04765%2022.0625%2010.6294%2021.6165%2013.793L21.1935%2016.793C20.8437%2019.2739%2020.6689%2020.5143%2019.7717%2021.2572C18.8745%2022%2017.5512%2022%2014.9046%2022H9.09536C6.44881%2022%205.12553%2022%204.22834%2021.2572C3.33115%2020.5143%203.15626%2019.2739%202.80648%2016.793L2.38351%2013.793Z'%20stroke='%231C274C'%20stroke-width='1.5'/%3e%3c/svg%3e")}.svg-icon:hover,.svg-icon2:hover,.svg-icon3:hover,.svg-icon4:hover,.svg-icon5:hover{background-color:var(--accent-purple);transform:scale(1.1)}.mockup-code.w-full{background:var(--bg-dark);border:1px solid var(--border);border-radius:.625rem;width:100%;max-width:50rem;padding:1.5rem;margin:1.5rem auto;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at top,rgba(88,166,255,.05),transparent),radial-gradient(ellipse at bottom,rgba(188,140,255,.05),transparent)}nav{position:fixed;top:0;width:100%;background:#0d1117cc;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-bottom:1px solid var(--border);padding:1rem 0;z-index:1000}nav .container{max-width:87.5rem;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:var(--accent-cyan);text-decoration:none}.logo:before{content:"{ ";color:var(--accent-purple)}.logo:after{content:" }";color:var(--accent-purple)}.back-btn{color:var(--text-muted);text-decoration:none;transition:color .3s;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.back-btn:hover{color:var(--accent-cyan)}main{max-width:75rem;margin:0 auto;padding:8rem 2rem 4rem}.page-header{text-align:center;margin-bottom:4rem}.page-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-header h1:before{content:"{ "}.page-header h1:after{content:" }"}.page-header p{font-size:1.2rem;color:var(--text-muted);max-width:43.75rem;margin:0 auto}.content-section{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2.5rem;margin-bottom:2rem;transition:all .3s}.content-section:hover{border-color:var(--accent-cyan);box-shadow:0 .625rem 1.875rem #58a6ff26}.content-section h2{font-size:2rem;color:var(--accent-cyan);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.content-section h3{font-size:1.4rem;color:var(--accent-purple);margin-top:2rem;margin-bottom:1rem}.content-section p{color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.content-section ul{list-style:none;padding-left:0}.content-section ul li{color:var(--text-muted);padding:.75rem 0 .75rem 2rem;position:relative;line-height:1.7}.content-section ul li:before{content:"▹";position:absolute;left:0;color:var(--accent-cyan);font-weight:700;font-size:1.2rem}.terminal-box{background:var(--bg-darker);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin:1.5rem 0;font-family:Fira Code,monospace;font-size:.9rem;overflow-x:auto}.terminal-box .prompt{color:var(--accent-cyan);margin-right:.5rem}.terminal-box .output{color:var(--accent-purple)}.competences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:1.5rem;margin-top:2rem}.competence-card{background:#58a6ff0d;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;transition:all .3s}.competence-card:hover{background:#58a6ff1a;border-color:var(--accent-cyan);transform:translateY(-.1875rem)}.competence-card h4{color:var(--accent-cyan);margin-bottom:.75rem;font-size:1.1rem}.competence-card p{color:var(--text-muted);font-size:.9rem}.timeline{position:relative;padding-left:2rem;margin:2rem 0}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.125rem;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple))}.timeline-item{position:relative;margin-bottom:2rem;padding-left:2rem}.timeline-item:before{content:"●";position:absolute;left:-.55rem;color:var(--accent-cyan);font-size:1.2rem}.timeline-item h4{color:var(--accent-purple);margin-bottom:.5rem}.cta-section{text-align:center;margin-top:4rem;padding:3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem}.cta-section h2{color:var(--accent-cyan);margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s;margin:.5rem}.btn:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5625rem #58a6ff66}.btn-secondary{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan)}.btn-secondary:hover{background:#58a6ff1a}@media(max-width:64rem){nav .container{padding:0 1.5rem}main{padding:7rem 1.5rem 3rem}.page-header h1{font-size:3rem}.page-header p{font-size:1.1rem}.content-section{padding:2rem}.content-section h2{font-size:1.75rem}.mockup-code.w-full{max-width:90%;padding:1.25rem;font-size:.85rem}.svg-icon,.svg-icon2,.svg-icon4,.svg-icon5{width:3.75rem;height:4.875rem}.svg-icon3{width:4.25rem}.competences-grid{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.25rem}}@media(max-width:48rem){nav .container{padding:0 1rem}.logo{font-size:1.25rem}.back-btn{font-size:.875rem}.back-btn span:last-child{display:none}main{padding:6rem 1rem 2rem}.page-header{margin-bottom:3rem}.page-header h1{font-size:2.5rem}.page-header p{font-size:1rem}.content-section{padding:1.5rem;border-radius:.5rem}.content-section h2{font-size:1.5rem;gap:.5rem}.content-section h3{font-size:1.2rem}.content-section ul li{padding:.5rem 0 .5rem 1.5rem;font-size:.9rem}.svg-icon,.svg-icon2,.svg-icon4,.svg-icon5{width:3rem;height:3.75rem}.svg-icon3{width:3.5rem}.mockup-code.w-full{max-width:100%;padding:1rem;margin:1rem 0;font-size:.8rem;border-radius:.5rem}.mockup-code.w-full pre{font-size:.75rem;white-space:pre-wrap;word-wrap:break-word}.terminal-box{padding:1rem;font-size:.8rem}.competences-grid{grid-template-columns:1fr;gap:1rem}.competence-card{padding:1.25rem}.timeline,.timeline-item{padding-left:1.5rem}.timeline-item:before{left:-.5rem;font-size:1rem}.cta-section{padding:2rem 1.5rem}.cta-section h2{font-size:1.5rem}.btn{padding:.875rem 1.5rem;font-size:.9rem;width:100%;justify-content:center;margin:.25rem 0}}.sheets-container{width:100%;height:37.5rem;overflow:auto;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-darker);position:relative;margin:1.5rem 0}.sheets-container iframe{transform:scale(.7);transform-origin:0 0;width:142.86%;height:857px;border:none}footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2rem 0;text-align:center;margin-top:4rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s;font-size:.9rem}.footer-links a:hover{color:var(--accent-cyan)}footer p{color:var(--text-muted);font-size:.85rem}@media(max-width:30rem){.logo{font-size:1.125rem}.page-header h1{font-size:2rem}.page-header p{font-size:.9rem}.content-section{padding:1rem}.content-section h2{font-size:1.25rem;flex-direction:column;align-items:flex-start}.content-section h3{font-size:1.1rem}.svg-icon,.svg-icon2,.svg-icon4,.svg-icon5{width:2.5rem;height:3.125rem}.svg-icon3{width:3rem}.mockup-code.w-full{padding:.75rem;margin:.75rem 0;font-size:.7rem}.mockup-code.w-full pre{font-size:.7rem}.terminal-box{padding:.75rem;font-size:.75rem}.competence-card{padding:1rem}.competence-card h4{font-size:1rem}.timeline,.timeline-item{padding-left:1rem}.cta-section{padding:1.5rem 1rem}.btn{padding:.75rem 1.25rem;font-size:.85rem}.sheets-container{height:25rem}.sheets-container iframe{transform:scale(.5);width:200%;height:800px}.footer-links{flex-direction:column;gap:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}